title: Bootstrap navbar justify / span menu items occupying full width
body: <p>I use the default Twitter Bootstrap responsive navbar (without the logo and search), but I want the menu items to be spanned, occupying the full width of the menu bar.</p>
  
  <p>Here is what I have now default Bootstrap navbar (see --- as spaces):</p>
  
  <pre><code>[home | menu item 1 | menu item 2 | menu item 3 | contact------------------------]
  </code></pre>
  
  <p>and the result I like to have (menu items occupying the full width):</p>
  
  <pre><code>[--home-- | ---menu item 1--- | ---menu item 2--- | ---menu item 3--- | -contact-]
  </code></pre>
  
  <p>I hope someone can help.</p>