Bootstrap - 自定义 nav-bar

Question

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

我知道这很简单，但我尝试用 pure 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>

只有 bootstrap 类?

才能实现

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

Bootstrap - 自定义 nav-bar

Bootstrap - custom nav-bar

css

twitter-bootstrap-3

navbar