主要导航

.nav-primary

<ul class="nav nav-primary">
  <li class="active"><a href="your/nice/url">首页</a></li>
  <li><a href="your/nice/url">动态 <span class="label label-badge label-success">4</span></a></li>
  <li><a href="your/nice/url">项目 </a></li>
  <li>
    <a class="dropdown-toggle" data-toggle="dropdown" href="your/nice/url">更多 <span class="caret"></span></a>
    <ul class="dropdown-menu">
      <li><a href="your/nice/url">任务</a></li>
      <li><a href="your/nice/url">bug</a></li>
      <li><a href="your/nice/url">需求</a></li>
      <li><a href="your/nice/url">用例</a></li>
    </ul>
  </li>
</ul>

次要导航

通常与主导航一起使用

.nav-secondary

<ul class="nav nav-secondary">
  <li class="active"><a href="your/nice/url">首页</a></li>
  <li><a href="your/nice/url">动态 <span class="label label-badge label-success">4</span></a></li>
  ...
</ul>

标签页导航

.nav-tabs

<ul class="nav nav-tabs">
  <li class="active"><a href="your/noce/url">首页</a></li>
  <li><a href="your/noce/url">动态 <span class="label label-badge label-success">4</span></a></li>
  ...
</ul>

圆点导航

.nav-pills

<ul class="nav nav-pills">
  <li class="active"><a href="your/noce/url">首页</a></li>
  <li><a href="your/noce/url">动态 <span class="label label-badge label-success">4</span></a></li>
  ...
</ul>

禁用的导航链接

在禁用的项目上添加.disabled

<ul class="nav nav-primary">
  <li class="disabled"><a disabled href="your/noce/url">首页</a></li>
  <li><a href="your/noce/url">动态 <span class="label label-badge label-success">4</span></a></li>
  ...
</ul>

垂直排列

.nav-stacked

<ul class="nav nav-primary nav-stacked">
  <li class="active"><a href="your/noce/url">首页</a></li>
  <li><a href="your/noce/url">动态 <span class="label label-badge label-success">4</span></a></li>
  ...
</ul>

自适应宽度

自适应宽度不能与垂直排列同时使用

.nav-justified

<ul class="nav nav-primary nav-justified">
  <li class="active"><a href="your/noce/url">首页</a></li>
  <li><a href="your/noce/url">动态 <span class="label label-badge label-success">4</span></a></li>
  ...
</ul>

带标题的导航

<ul class="nav nav-stacked">
  <li class="nav-heading">这是标题</li>
  <li class="active"><a href="your/nice/url">首页</a></li>
  <li><a href="your/nice/url">动态 <span class="label label-badge label-success">4</span></a></li>
  ...
</ul>