Bootstrap - 自定义导航栏

Question

我正在尝试使用bootstrap做一些非常简单的事情，我需要实现这个导航栏。

我知道这很简单，但我尝试用纯引导类来实现它。

这是我得到的最接近的（但我无法将导航栏背景设为蓝色）：

  <ul class="nav nav-pills">
      <li class="active"><a ng-href="#">Customers</a></li>
      <li><a ng-href="#/about">Orders</a></li>
      <li><a ng-href="#">About</a></li>
    </ul>

只能用引导类来实现

Answer 1

这是可能的，但它有点像黑客攻击CSS类的用途......

    <div class="bg-primary well-sm"> 
      <ul class="nav nav-pills">
        <li><a ng-href="#" class="btn-primary">Customers</a></li>
        <li><a ng-href="#" class="btn-default">Orders</a></li>
        <li><a ng-href="#" class="btn-primary">About</a></li>
      </ul>
    </div>

演示：http://bootply.com/evEpR2C7DV