查看“BootStrap Pill Nav”的源代码

__NOTOC__
       <div class="col-sm-12">
        <ul class="nav nav-pills nav-tabs-lighter">
          <li class="active">[[Home]]</li>
          <li>[[Another Title]]</li>
          <li>[[Another Title]]</li>
          <li>[[Another Title]]</li>
          <li>[[Another Title]]</li>
          <li>[[lighter class]]</li>
        </ul>
      </div>
        <div class="col-sm-12">
        <ul class="nav nav-pills nav-tabs-light">
          <li class="active">[[Home]]</li>
          <li>[[Another Title]]</li>
          <li>[[Another Title]]</li>
          <li>[[Another Title]]</li>
          <li>[[Another Title]]</li>
          <li>[[light class]]</li>
        </ul>
      </div>
        <div class="col-sm-12">
        <ul class="nav nav-pills nav-tabs-dark">
          <li class="active">[[Home]]</li>
          <li>[[Another Title]]</li>
          <li>[[Another Title]]</li>
          <li>[[Another Title]]</li>
          <li>[[Another Title]]</li>
          <li>[[dark class]]</li>
        </ul>
      </div> 
        <div class="col-sm-12">
        <ul class="nav nav-pills nav-tabs-darker">
          <li class="active">[[Home]]</li>
          <li>[[Another Title]]</li>
          <li>[[Another Title]]</li>
          <li>[[Another Title]]</li>
          <li>[[Another Title]]</li>
          <li>[[darker class]]</li>
        </ul>
      </div>
        <div class="col-sm-12">
        <ul class="nav nav-pills nav-tabs-neutral">
          <li class="active">[[Home]]</li>
          <li>[[Another Title]]</li>
          <li>[[Another Title]]</li>
          <li>[[Another Title]]</li>
          <li>[[Another Title]]</li>
          <li>[[neutral class]]</li>
        </ul>
      </div>
        <div class="col-sm-12">
        <ul class="nav nav-pills nav-tabs-default">
          <li class="active">[[Home]]</li>
          <li>[[Another Title]]</li>
          <li>[[Another Title]]</li>
          <li>[[Another Title]]</li>
          <li>[[Another Title]]</li>
          <li>[[default class]]</li>
        </ul>
      </div>
<div style="margin-bottom:2rem;" class="clearfix"></div>
<h4 class="subtitle-black">Using Pill Nav</h4>
      <p>Pill Nav comes with six colour variations, default, light, lighter, dark, darker and neutral. In our example code below we've used the default colour, to use another colour change nav-tabs-lighter to navbar-light or your prefered variant e.g. nav-tabs-neutral.</p>
      <pre>
    <div class="col-sm-12">
      <ul class="nav nav-pills nav-tabs-lighter">
        <li class="active">[[Home]]</li>
        <li>[[Another Title]]</li>
        <li>[[Another Title]]</li>
        <li>[[Another Title]]</li>
        <li>[[Another Title]]</li>
        <li>[[Another Title]]</li>
      </ul>
    </div>
</pre>