Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
yuenblue
HtmlDemo
提交
559e406b
H
HtmlDemo
项目概览
yuenblue
/
HtmlDemo
通知
1
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
H
HtmlDemo
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
559e406b
编写于
12月 23, 2023
作者:
Y
yuenblue
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
No commit message
No commit message
上级
8e63fbc9
变更
2
隐藏空白更改
内联
并排
Showing
2 changed file
with
69 addition
and
23 deletion
+69
-23
Bootstrap-v5/Components/navbar/navbar.css
Bootstrap-v5/Components/navbar/navbar.css
+7
-0
Bootstrap-v5/Components/navbar/navbar.html
Bootstrap-v5/Components/navbar/navbar.html
+62
-23
未找到文件。
Bootstrap-v5/Components/navbar/navbar.css
0 → 100644
浏览文件 @
559e406b
@charset
"utf-8"
;
/* CSS Document */
.nav-link-icon
{}
.nav-link-icon
::after
{
display
:
none
;
}
Bootstrap-v5/Components/navbar/navbar.html
浏览文件 @
559e406b
...
@@ -4,50 +4,89 @@
...
@@ -4,50 +4,89 @@
<meta
charset=
"utf-8"
>
<meta
charset=
"utf-8"
>
<title>
无标题文档
</title>
<title>
无标题文档
</title>
<link
href=
"../../../node_modules/bootstrap/dist/css/bootstrap.css"
rel=
"stylesheet"
type=
"text/css"
>
<link
href=
"../../../node_modules/bootstrap/dist/css/bootstrap.css"
rel=
"stylesheet"
type=
"text/css"
>
<link
href=
"navbar.css"
rel=
"stylesheet"
type=
"text/css"
>
<script
type=
"text/javascript"
src=
"../../../node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"
></script>
<script
type=
"text/javascript"
src=
"../../../node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"
></script>
<script
type=
"text/javascript"
src=
"../../../node_modules/jquery/dist/jquery.js"
></script>
<script
type=
"text/javascript"
src=
"../../../node_modules/jquery/dist/jquery.js"
></script>
</head>
</head>
<body>
<body>
<nav
class=
"navbar navbar-expand-md fixed-top bg-primary"
data-bs-theme=
"dark"
>
<nav
class=
"navbar navbar-expand-lg fixed-top border-bottom"
>
<div
class=
"container-fluid"
>
<div
class=
"container-fluid"
>
<a
class=
"navbar-brand"
href=
"#"
>
CmsDemo
</a>
<a
class=
"navbar-brand"
href=
"#"
>
Offcanvas navbar
</a>
<button
class=
"navbar-toggler"
type=
"button"
data-bs-toggle=
"offcanvas"
data-bs-target=
"#offcanvasNavbar"
aria-controls=
"offcanvasNavbar"
>
<span
class=
"navbar-toggler-icon"
></span>
</button>
<button
class=
"navbar-toggler"
type=
"button"
data-bs-toggle=
"offcanvas"
data-bs-target=
"#offcanvasNavbar"
aria-controls=
"offcanvasNavbar"
>
<span
class=
"navbar-toggler-icon"
></span>
</button>
<div
class=
"offcanvas offcanvas-end"
tabindex=
"-1"
id=
"offcanvasNavbar"
aria-labelledby=
"offcanvasNavbarLabel"
>
<div
class=
"offcanvas offcanvas-end"
tabindex=
"-1"
id=
"offcanvasNavbar"
aria-labelledby=
"offcanvasNavbarLabel"
>
<div
class=
"offcanvas-header"
>
<div
class=
"offcanvas-header"
>
<h5
class=
"offcanvas-title"
id=
"offcanvasNavbarLabel"
>
Offcanvas
</h5>
<h5
class=
"offcanvas-title"
id=
"offcanvasNavbarLabel"
>
导航
</h5>
<button
type=
"button"
class=
"btn-close"
data-bs-dismiss=
"offcanvas"
aria-label=
"Close"
></button>
<button
type=
"button"
class=
"btn-close"
data-bs-dismiss=
"offcanvas"
aria-label=
"Close"
></button>
</div>
</div>
<div
class=
"offcanvas-body align-items-center"
>
<div
class=
"offcanvas-body align-items-center"
>
<ul
class=
"navbar-nav justify-content-start flex-grow-1 pe-3"
>
<ul
class=
"navbar-nav justify-content-start flex-grow-1 pe-3"
>
<li
class=
"nav-item"
>
<li
class=
"nav-item"
>
<a
class=
"nav-link"
aria-current=
"page"
href=
"#"
>
首页
</a>
</li>
<a
class=
"nav-link active"
aria-current=
"page"
href=
"#"
>
Home
</a>
<li
class=
"nav-item dropdown"
>
<a
class=
"nav-link dropdown-toggle"
href=
"#"
role=
"button"
data-bs-toggle=
"dropdown"
aria-expanded=
"false"
>
栏目
</a>
</li>
<li
class=
"nav-item"
>
<a
class=
"nav-link"
href=
"#"
>
Link
</a>
</li>
<li
class=
"nav-item dropdown"
>
<a
class=
"nav-link dropdown-toggle"
href=
"#"
role=
"button"
data-bs-toggle=
"dropdown"
aria-expanded=
"false"
>
Dropdown
</a>
<ul
class=
"dropdown-menu"
>
<ul
class=
"dropdown-menu"
>
<li><a
class=
"dropdown-item"
href=
"#"
>
Action
</a></li>
<li><a
class=
"dropdown-item"
href=
"#"
>
概览
</a></li>
<li><a
class=
"dropdown-item"
href=
"#"
>
Another action
</a></li>
<li><a
class=
"dropdown-item"
href=
"#"
>
添加栏目
</a></li>
<!--
</ul>
</li>
<li
class=
"nav-item dropdown "
>
<a
class=
"nav-link dropdown-toggle"
href=
"#"
role=
"button"
data-bs-auto-close=
"outside"
data-bs-toggle=
"dropdown"
aria-expanded=
"false"
>
文档
</a>
<ul
class=
"dropdown-menu show"
>
<li><a
class=
"dropdown-item active"
href=
"#"
>
概览
</a></li>
<li><a
class=
"dropdown-item"
href=
"#"
>
发布文档
</a></li>
<li><a
class=
"dropdown-item"
href=
"#"
>
待审核
</a></li>
<li><a
class=
"dropdown-item"
href=
"#"
>
回收站
</a></li>
<!--
<li>
<li>
<hr class="dropdown-divider">
<hr class="dropdown-divider">
</li>
</li>
-->
-->
<li><a
class=
"dropdown-item"
href=
"#"
>
Something else here
</a></li>
</ul>
</li>
<li
class=
"nav-item dropdown"
>
<a
class=
"nav-link dropdown-toggle"
href=
"#"
role=
"button"
data-bs-toggle=
"dropdown"
aria-expanded=
"false"
>
附件
</a>
<ul
class=
"dropdown-menu"
>
<li><a
class=
"dropdown-item"
href=
"#"
>
概览
</a></li>
<li><a
class=
"dropdown-item"
href=
"#"
>
上传附件
</a></li>
</ul>
</li>
<li
class=
"nav-item dropdown"
>
<a
class=
"nav-link dropdown-toggle"
href=
"#"
role=
"button"
data-bs-toggle=
"dropdown"
aria-expanded=
"false"
>
用户
</a>
<ul
class=
"dropdown-menu"
>
<li><a
class=
"dropdown-item"
href=
"#"
>
用户列表
</a></li>
<li><a
class=
"dropdown-item"
href=
"#"
>
添加用户
</a></li>
</ul>
</li>
<li
class=
"nav-item dropdown"
>
<a
class=
"nav-link dropdown-toggle"
href=
"#"
role=
"button"
data-bs-toggle=
"dropdown"
aria-expanded=
"false"
>
设置
</a>
<ul
class=
"dropdown-menu"
>
<li><a
class=
"dropdown-item"
href=
"#"
>
概览
</a></li>
</ul>
</ul>
</li>
</li>
</ul>
</ul>
<form
class=
"d-flex py-1"
role=
"search"
>
<form
class=
"d-flex py-1"
role=
"search"
>
<input
class=
"form-control me-2"
type=
"search"
placeholder=
"
Search
"
aria-label=
"Search"
>
<input
class=
"form-control me-2"
type=
"search"
placeholder=
"
请输入关键字
"
aria-label=
"Search"
>
<button
class=
"btn btn-
outline-success"
type=
"submit"
>
Search
</button>
<button
class=
"btn btn-
info text-nowrap text-white"
type=
"submit"
>
搜索
</button>
</form>
</form>
<ul
class=
"navbar-nav pe2"
>
<li
class=
"nav-item dropdown"
>
<a
class=
"nav-link dropdown-toggle nav-link-icon position-relative"
href=
"#"
role=
"button"
data-bs-toggle=
"dropdown"
aria-expanded=
"false"
>
消息
<span
class=
"position-absolute top-0 start-100 translate-middle badge rounded-pill bg-danger"
>
0
</span></a>
<ul
class=
"dropdown-menu dropdown-menu-end"
>
<li><a
class=
"dropdown-item"
href=
"#"
>
概览
</a></li>
<li><a
class=
"dropdown-item"
href=
"#"
>
上传附件
</a></li>
</ul>
</li>
<li
class=
"nav-item dropdown"
>
<a
class=
"nav-link dropdown-toggle"
href=
"#"
role=
"button"
data-bs-toggle=
"dropdown"
aria-expanded=
"false"
>
用户名Abc
</a>
<ul
class=
"dropdown-menu dropdown-menu-end"
>
<li><a
class=
"dropdown-item"
href=
"#"
>
概览
</a></li>
<li><a
class=
"dropdown-item"
href=
"#"
>
上传附件
</a></li>
</ul>
</li>
<!--
<li class="nav-item dropdown-center">
<button class="btn btn-dark dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false"> 用户名Aa </button>
<ul class="dropdown-menu dropdown-menu-dark dropdown-menu-end">
<li><a class="dropdown-item" href="#">设置</a></li>
<li><a class="dropdown-item" href="#">退出</a></li>
</ul>
</li>
-->
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录