• 135371

    文章

  • 827

    评论

  • 13

    友链

  • 最近新加了换肤功能,大家多来逛逛吧~~~~
  • 喜欢这个网站的朋友可以加一下QQ群,我们一起交流技术。

Docker 文档编译 - 创建标签(Tab)页

2年想跳槽阿里,大咖揭秘大厂面试的那些事儿 >>

为了在页面中使用标签页,例如测试页面中的标签页: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/ 页面中的内容。

 

docker-docs-tab-01

 

如果上图显示的标签页。

 

https://www.ossez.com/t/docker-tab/725


695856371Web网页设计师②群 | 喜欢本站的朋友可以收藏本站,或者加入我们大家一起来交流技术!

0条评论

Loading...


发表评论

电子邮件地址不会被公开。 必填项已用*标注

自定义皮肤 主体内容背景
打开支付宝扫码付款购买视频教程
遇到问题联系客服QQ:419400980
注册梁钟霖个人博客