BootStrap 导航-页签导航+胶囊导航 

 1 <h3>1.标签页式导航</h3>
 2 
 3   <ul class="nav nav-tabs">
 4     <li><a data-toggle="tab" href="#">内容一</a></li>
 5     <li class="active"><a data-toggle="tab" href="#">内容二</a></li>
 6     <li><a data-toggle="tab" href="#">内容三</a></li>
 7   </ul>
 8 
 9   <h3>2.胶囊式导航</h3>
10 
11   <ul class="nav nav-pills">
12     <li><a data-toggle="tab" href="#">内容一</a></li>
13     <li class="active"><a data-toggle="tab" href="#">内容二</a></li>
14     <li><a data-toggle="tab" href="#">内容三</a></li>
15   </ul>

以上代码效果图如下

posted @ 2016-12-22 13:23  时间脱臼  阅读(386)  评论(0)    收藏  举报