nav-pills in navbar

Permalink
For bootstrap I noticed that the "nav-pills" style when used in the navbar does not take prioriy over the "nav" style in the bootstrap.css. Has anyone else had this problem ?

<div class="navbar">
<div class="navbar-inner">
<a class="btn btn-navbar" data-target=".nav-collapse" data-toggle="collapse">
  <i class="icon-bar"></i>
  </a>
    <a href="" class="brand">New Icon Menu</a>
    <div class="nav-collapse">
             <ul class="nav nav-pills"><li class="active"><a data-toggle="active" href="/" class="">Home<b class=""> </b></a></li><li class=""><a data-toggle="" href="/index.php/about-us/" class="">About Us<b class=""> </b></a></li><li class=""><a data-toggle="" href="/index.php/what-we-do/" class="">What we do<b class=""> </b></a></li><li class=""><a data-toggle="" href="/index.php/blog/" class="">Blog<b class=""> </b></a></li><li class=""><a data-toggle="" href="/index.php/contact/" class="">Contact<b class=""> </b></a></li></ul>        
         </div>
       </div>
     </div>

Responsive