Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
yuenblue
HtmlDemo
提交
42807bcd
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,发现更多精彩内容 >>
提交
42807bcd
编写于
12月 23, 2023
作者:
Y
yuenblue
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
demo navbar
上级
e12424be
变更
4
隐藏空白更改
内联
并排
Showing
4 changed file
with
115 addition
and
5 deletion
+115
-5
Bootstrap-v5/Components/Offcanvas.html
Bootstrap-v5/Components/Offcanvas.html
+5
-5
Bootstrap-v5/Components/navbar/navbar.html
Bootstrap-v5/Components/navbar/navbar.html
+56
-0
htmlbasic/index.css
htmlbasic/index.css
+12
-0
htmlbasic/index.html
htmlbasic/index.html
+42
-0
未找到文件。
Bootstrap-v5/Components/Offcanvas.html
浏览文件 @
42807bcd
...
@@ -3,11 +3,11 @@
...
@@ -3,11 +3,11 @@
<head>
<head>
<meta
charset=
"utf-8"
>
<meta
charset=
"utf-8"
>
<title>
Offcanvas
</title>
<title>
Offcanvas
</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=
"Offcanvas.css"
rel=
"stylesheet"
type=
"text/css"
>
<link
href=
"
../
Offcanvas.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>
<script
type=
"text/javascript"
src=
"../../demoadmin/layout/layout-mobile.js"
></script>
<script
type=
"text/javascript"
src=
"../../
../
demoadmin/layout/layout-mobile.js"
></script>
</head>
</head>
<body>
<body>
...
...
Bootstrap-v5/Components/navbar/navbar.html
0 → 100644
浏览文件 @
42807bcd
<!doctype html>
<html>
<head>
<meta
charset=
"utf-8"
>
<title>
无标题文档
</title>
<link
href=
"../../../node_modules/bootstrap/dist/css/bootstrap.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/jquery/dist/jquery.js"
></script>
</head>
<body>
<nav
class=
"navbar navbar-expand-md fixed-top bg-primary"
data-bs-theme=
"dark"
>
<div
class=
"container-fluid"
>
<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>
<div
class=
"offcanvas offcanvas-end"
tabindex=
"-1"
id=
"offcanvasNavbar"
aria-labelledby=
"offcanvasNavbarLabel"
>
<div
class=
"offcanvas-header"
>
<h5
class=
"offcanvas-title"
id=
"offcanvasNavbarLabel"
>
Offcanvas
</h5>
<button
type=
"button"
class=
"btn-close"
data-bs-dismiss=
"offcanvas"
aria-label=
"Close"
></button>
</div>
<div
class=
"offcanvas-body align-items-center"
>
<ul
class=
"navbar-nav justify-content-start flex-grow-1 pe-3"
>
<li
class=
"nav-item"
>
<a
class=
"nav-link active"
aria-current=
"page"
href=
"#"
>
Home
</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"
>
<li><a
class=
"dropdown-item"
href=
"#"
>
Action
</a></li>
<li><a
class=
"dropdown-item"
href=
"#"
>
Another action
</a></li>
<!--
<li>
<hr class="dropdown-divider">
</li>
-->
<li><a
class=
"dropdown-item"
href=
"#"
>
Something else here
</a></li>
</ul>
</li>
</ul>
<form
class=
"d-flex py-1"
role=
"search"
>
<input
class=
"form-control me-2"
type=
"search"
placeholder=
"Search"
aria-label=
"Search"
>
<button
class=
"btn btn-outline-success"
type=
"submit"
>
Search
</button>
</form>
</div>
</div>
</div>
</nav>
</body>
</html>
htmlbasic/index.css
0 → 100644
浏览文件 @
42807bcd
@charset
"utf-8"
;
/* CSS Document */
article
{
width
:
80%
;
margin
:
0
auto
;
}
ul
{
list-style-position
:
inside
;
}
htmlbasic/index.html
0 → 100644
浏览文件 @
42807bcd
<!doctype html>
<html>
<head>
<meta
charset=
"utf-8"
>
<title>
无标题文档
</title>
<link
href=
"index.css"
rel=
"stylesheet"
type=
"text/css"
>
</head>
<body>
<article>
<p>
这是布局 P 标签的内容
</p>
<ul>
<li>
aaaa
</li>
<li>
bbbb
</li>
<li>
aaa
<ul>
<li>
bbbb
<ul>
<li>
eee
</li>
<li>
eee
</li>
<li>
eee
<ul>
<li>
fff
</li>
<li><input
type=
"checkbox"
>
fff
</li>
<li>
fff
</li>
<li>
fff
</li>
</ul>
</li>
<li>
eee
</li>
</ul>
</li>
<li>
cccc
</li>
<li>
cccc
</li>
<li>
cccc
</li>
<li>
cccc
</li>
</ul>
</li>
</ul>
</article>
</body>
</html>
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录