Twitter bootstrap 在导航栏中设置导航丸样式

我不确定是否正确，但在导航栏中使用引导导航丸不起作用，因为导航在bootstrap.css中具有优先级。如果正确，那么我们不应该在导航栏中使用这些导航样式吗

第4094行

.nav pills>.active>a、.nav pills>.active>a:hover、.nav pills>.active>a:focus{color:#ffffffff；背景色：#0088cc；}

第4623行

 .navbar .nav > .active > a,
    .navbar .nav > .active > a:hover,
    .navbar .nav > .active > a:focus {
      color: #555555;
      text-decoration: none;
      background-color: #e5e5e5;
      -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
         -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
              box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
    }

---

您可以按以下方式使用它：
JSFIDLE

.navbar.nav pills>li>a{
颜色：#005580；
}
.navbar.nav药丸>li>a:悬停{
背景色：#0088cc；
}
.navbar.nav药片.激活>a{
背景色：#ccc；
颜色：#0088cc；
}

谢谢您的回复。我已经编辑了上面的背景色：在活动链接上，导航仍然优先。我们不应该在导航栏中使用它吗？这是用导航丸创建导航栏的方法。我已经把响应部分包括进去了。所以按照我建议的方式使用它很好。但是你可以按照你想要的方式自定义它。你已经复制了你的html，但仍然可以看到相同的内容。line.navbar nav>.active在使用背景色时仍具有优先权。如何提供html供您查看？您想设置导航栏的背景色吗？不，是活动导航的背景色。对于导航丸，它应该是蓝色的，但导航背景在css中优先显示，并显示为灰色。所以我猜nav药片不是要在Navbar元素中使用的。例如，在引导站点上，导航样式不在导航栏中

 .navbar .nav-pills >li >a {
    color: #005580;
 }
   .navbar .nav-pills > li > a:hover {
      background-color: #0088cc;
 }
 .navbar .nav-pills .active > a {
    background-color:#ccc;
    color:#0088cc;
}

<div class="navbar">
<div class="navbar-inner">
<a data-toggle="collapse" data-target=".nav-collapse" class="btn btn-navbar">
  <i class="icon-bar"></i>
  </a>

    <a class="brand" href="">New Icon Menu</a>

    <div class="nav-collapse">
        <ul class="nav nav-pills pull-right">
            <li><a href=""><i class="icon-home icon-2x"></i> Home<br></a>
            </li>
            <li><a href=""><i class=" icon-pencil icon-2x"></i>About Us</a>
            </li>
            <li><a href=""><i class=" icon-briefcase icon-2x"></i>Portfolio</a>
            </li>
            <li><a href=""><i class=" icon-envelope icon-2x"></i>Contact Us</a>
            </li>
        </ul>
         </div>
       </div>
     </div>