title: bootstrap pills
body: <p>im using bootstrap pills as my navigation bar.problem is it is not showing the curent active pill with blue color background(like bootstrap) 
  here is my code</p>
  
  <pre><code>&lt;div style="margin-left: 15px;margin-bottom: 15px;margin-top: 10px;"&gt;
      &lt;ul class="nav nav-pills"&gt;
          &lt;li class="active"&gt;
              &lt;a href="index.php"&gt;Home&lt;/a&gt;&lt;/li&gt;
          &lt;li class=""&gt;&lt;a href="Project.php"&gt;Projects&lt;/a&gt;&lt;/li&gt;
  
          &lt;li class=""&gt;&lt;a href="#"&gt;Employee&lt;/a&gt;&lt;/li&gt;
  
          &lt;li&gt;&lt;a href="#"&gt;Forum&lt;/a&gt;&lt;/li&gt;
  
  
      &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>the output is <a href="http://jsfiddle.net/irshadhassan/bwhme/" rel="nofollow">here</a></p>
  
  <p>only the home pill is focused</p>