Bootstrap - 自定义导航栏答案

【问题标题】：Bootstrap - custom nav-barBootstrap - 自定义导航栏
【发布时间】：2015-01-20 02:36:36
【问题描述】：

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

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

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

  <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>

是否可以仅使用引导类来实现它？

【问题讨论】：

标签： css twitter-bootstrap-3 navbar

【解决方案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

【讨论】：