导航

标签页

注意 .nav-tabs 类依赖 .nav 基类。

 <div class="container">
     <ul class="nav nav-tabs">
       <li class="active"><a href="">首页</a></li>
       <li><a href="">样式</a></li>
       <li><a href="">发展</a></li>
       <li><a href="">开发</a></li>
     </ul>
  </div>

 

胶囊式标签页

HTML 标记相同，但使用 .nav-pills 类：

  <div class="container">
     <ul class="nav nav-pills">
       <li class="active"><a href="">首页</a></li>
       <li><a href="">样式</a></li>
       <li><a href="">发展</a></li>
       <li><a href="">开发</a></li>
     </ul>
  </div>

胶囊是标签页也是可以垂直方向堆叠排列的。只需添加 .nav-stacked 类。

<div class="container">
     <ul class="nav nav-pills nav-stacked">
       <li class="active"><a href="">首页</a></li>
       <li><a href="">样式</a></li>
       <li><a href="">发展</a></li>
       <li><a href="">开发</a></li>
     </ul>
  </div>