龙空技术网

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

iSharkFly 74

前言:

眼前朋友们对“html怎么做标签页”大体比较珍视,看官们都需要分析一些“html怎么做标签页”的相关内容。那么小编在网摘上网罗了一些关于“html怎么做标签页””的相关资讯,希望看官们能喜欢,小伙伴们快快来学习一下吧!

为了在页面中使用标签页,例如测试页面中的标签页: 这个需要使用 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>

有关更多标签页的内容,请参考 页面中的内容。

如果上图显示的标签页。

标签: #html怎么做标签页