胶囊式菜单

2018-06-24 02:03:11来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

<div>
<ul class="nav nav-tabs">
<li class="active"><a href="#Index" aria-controls="Index" role="tab" data-toggle="tab">首页</a></li>
<li ><a href="#Index1" aria-controls="Index1" role="tab" data-toggle="tab">首页1</a></li>
<li ><a href="#Index2" aria-controls="Index2" role="tab" data-toggle="tab">首页2</a></li>
</ul>
</div>
<div class="tab-content">
<div class="tab-pane active panel-group" id="Index" role="tablist" aria-multiselectable="true">
<label>这是首页</label>
</div>
<div class="tab-pane" id="Index1" role="tabpanel">
<label>这是首页1</label>
</div>
<div class="tab-pane" id="Index2" role="tabpanel">
<label>这是首页2</label>
</div>
</div>

效果如下:

 

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:【工具】sublime使用技巧

下一篇:bootstrap3中container与container_fluid的区别