title: Horizontal Menu bar stretching width of web page using CSS
body: <p>Horizontal menu bar that will automatically stretch to the width of a web page. How might this be achieved using css?</p>
  
  <p>Have just added the following css to bootstrap CSS:</p>
  
  <pre><code>ul.dropdown-menu li {
      display: inline-block;
  }
  </code></pre>
  
  <p>This makes drop-menu horizontal how do I make drop menus stretch width of page?
  Setting width:100% does not work.</p>
  
  <p>See:
  <a href="http://jsfiddle.net/aBJVs/" rel="nofollow">http://jsfiddle.net/aBJVs/</a></p>