style nav-pills in navbar

Question

Non sono sicuro se corretto, ma l'uso di bootstrap nav-pills in una barra di navigazione non funziona poiché il nav ha la priorità nel file bootstrap.css. Se corretto, allora non dovremmo usare questi stili di navigazione nella barra di navigazione?

Linea 4094 .nav-pills > .active > a, .nav-pills > .active > a:hover, .nav-pills > .active > a:focus { color: #ffffff; background-color: #0088cc; }

linea 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); 
    } 

Answer 1

si può utilizzare in modo seguente:
Jsfiddle with navbar and navpills

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