title: limit the width in bootstrap navbar
body: <pre><code> &lt;div class="span12"&gt;
           &lt;div class="row"&gt;
               &lt;div class = "span6"&gt;&lt;h1&gt;The big text here&lt;/h1&gt;&lt;/div&gt; &lt;!-- end of span6--&gt; 
               &lt;div class = "span5 offset1"&gt;
               &lt;nav class = "navbar"&gt;
               &lt;div class = "navbar-inner"&gt;
               &lt;ul class = "nav"&gt;
               &lt;li&gt;&lt;a href=""&gt;Link1&lt;/a&gt;&lt;/li&gt;&lt;li class="divider-vertical"&gt;&lt;/li&gt;
               &lt;li&gt;&lt;a href=""&gt;Link2&lt;/a&gt;&lt;/li&gt;&lt;li class="divider-vertical"&gt;&lt;/li&gt;
               &lt;li&gt;&lt;a href=""&gt;Link3&lt;/a&gt;&lt;/li&gt;&lt;li class="divider-vertical"&gt;&lt;/li&gt;
               &lt;li&gt;&lt;a href=""&gt;Link4&lt;/a&gt;&lt;/li&gt;&lt;li class="divider-vertical"&gt;&lt;/li&gt;
               &lt;li&gt;&lt;a href=""&gt;Link5&lt;/a&gt;&lt;/li&gt;
  
               &lt;/ul&gt;&lt;!-- end of nav --&gt;
               &lt;/div&gt;&lt;!-- end of navbarinner --&gt;
               &lt;/nav&gt;&lt;!-- end of nav --&gt;
               &lt;/div&gt; &lt;!-- end of span4 --&gt;
           &lt;/div&gt; &lt;!-- end row --&gt;
       &lt;/div&gt; &lt;!-- span 12 --&gt;
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/IYdi4.png" alt="my navbar"></p>
  
  <p>So thats my navbar and it has five items and i see the extra gap after the link5 <br/>
  currently both the text and the nav bar are in "span12" and "row" and then "The Big text here" is in "span6" and the navbar is in "span5 offset1" i tried using the span4 for navbar but it takes the links to the next line, now what should i do to make my link5 navbar look the same as others ?</p>