title: Why I can't set width for nav tabs
body: <p>I have navigation in div size <code>col-md-4</code> , and I have 6 tabs, I can't to aline all tabs.</p>
  
  <p>I can aline when I change font-size of text tabs, thats not good solution for me.</p>
  
  <p>I tried to set width for each tabs, but not working.
  How can I set width for some tabs to be small but second to be bigger.</p>
  
  <p>Also i have padding when I hover on the end of navbar</p>
  
  <p><a href="http://i.imgur.com/9Px4qqk.png" rel="nofollow">http://i.imgur.com/9Px4qqk.png</a></p>
  
  <p></p>
  
  <pre><code>        &lt;nav class="row"&gt;
              &lt;ul class="nav nav-tabs"&gt;
                  &lt;li class="tab1"&gt;&lt;a href="#"&gt; &lt;span class="glyphicon glyphicon-user"&gt;&lt;/span&gt; Name &amp;nbsp &amp;nbsp&lt;span class="glyphicon glyphicon-chevron-down"&gt;&lt;/span&gt; &lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#"&gt;&lt;span class="glyphicon glyphicon-flag"&gt;&lt;/span&gt;Text Link &lt;/a&gt; &lt;/li&gt;
                  &lt;li&gt;&lt;a href="#"&gt; &lt;span class="glyphicon glyphicon-envelope"&gt;&lt;/span&gt; Message &lt;/a&gt; &lt;/li&gt;
                  &lt;li&gt;&lt;a href="#"&gt; &lt;span class="glyphicon glyphicon-oil"&gt;&lt;/span&gt;10 &lt;/a&gt; &lt;/li&gt;
                  &lt;li class="tab5"&gt;&lt;a href="#"&gt;&lt;span class="glyphicon glyphicon-asterisk"&gt;&lt;/span&gt; &lt;/a&gt; &lt;/li&gt;
                  &lt;li&gt;&lt;a href="#"&gt;&lt;span class="glyphicon glyphicon-home"&gt;&lt;/span&gt; &lt;/a&gt; &lt;/li&gt;
              &lt;/ul&gt;
  
  
  
      &lt;/div&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>.nav-tabs li .tab5{
  
      width:4%;
  }
  </code></pre>