网站首页 > 基础教程 正文
为了在页面中使用标签页,例如测试页面中的标签页:https://docker.ossez.com/test/ 这个需要使用 HTML 文件。
标签页使用的是 Bootstrap CSS/JS,因此请参考相关的文档来获得有关标签页使用的更多有关内容和信息。针对标准的水平标签页,你可以拷贝和粘贴下面的表单内容,在上面的表单内容中关键的地方在 href="#id" 和 id="id"。
这个需要和你的标签页配置进行对应。以便于添加和删除标签页。
<ul class="nav nav-tabs">
<li class="active"><a data-toggle="tab" data-target="#tab1">TAB 1 HEADER</a></li>
<li><a data-toggle="tab" data-target="#tab2">TAB 2 HEADER</a></li>
</ul>
<div class="tab-content">
<div id="tab1" class="tab-pane fade in active">TAB 1 CONTENT</div>
<div id="tab2" class="tab-pane fade">TAB 2 CONTENT</div>
</div>
有关更多标签页的内容,请参考 https://docker.ossez.com/test/ 页面中的内容。
如果上图显示的标签页。
猜你喜欢
- 2024-11-17 「uniapp实战笔记」使用uni-nav-bar自定义顶部状态栏和导航栏
- 2024-11-17 VIP感觉!NAS部署OneNav个人导航页,简洁的个人书签管理应用!
- 2024-11-17 使用Chrome扩展程序生成网页骨架屏
- 2024-11-17 一文搞懂爬虫神器selenium常见操作
- 2024-11-17 17、Bootstrap 中的导航都有哪些?(必会)
- 2024-11-17 【魔改版】OneNav Extend网址导航书签系统源码
- 2024-11-17 超简单的Web Components导航(简单导航页)
- 2024-11-17 应用HTML5和CSS3实现举报中心PC端与手机端举报页面的自适应设计
- 2024-11-17 vue.js 脚手架安装和使用(vue脚手架怎么使用)
- 2024-11-17 把喜欢的前端模版加上后台,小白速成课,不懂代码玩建站(下)
- 最近发表
- 标签列表
-
- jsp (69)
- gitpush (78)
- gitreset (66)
- python字典 (67)
- dockercp (63)
- gitclone命令 (63)
- dockersave (62)
- linux命令大全 (65)
- pythonif (86)
- location.href (69)
- dockerexec (65)
- tail-f (79)
- queryselectorall (63)
- location.search (79)
- bootstrap教程 (74)
- deletesql (62)
- linuxgzip (68)
- 字符串连接 (73)
- html标签 (69)
- c++初始化列表 (64)
- mysqlinnodbmyisam区别 (63)
- arraylistadd (66)
- mysqldatesub函数 (63)
- window10java环境变量设置 (66)
- c++虚函数和纯虚函数的区别 (66)