title: How to style Bootstrap dropdown-menu to be full page width?
body: <p>I need to modify the dropdown-menu provided in Bootstrap, using the navbar-fixed-top, to appear on hover not vertically but horizontally <code>li { display: inline-block }</code> (that's easy), but so I need the actual <code>ul.dropdown-menu</code> to stretch the full width of the page. I can't seem to figure it out.</p>
  
  <p>Don't give me a megamenu plugin or anything, please, just how can I fix it to stretch the width of the whole page? (not the page container either, the window)</p>
  
  <p>Will probably need to wrap another element too, actually, as the ul needs to be centered.</p>
  
  <p>So does anyone know how to do this?</p>
  
  <p>EDIT: Figured it out (like 5 minutes after posting this) and with no added elements:</p>
  
  <pre class="lang-css prettyprint-override"><code>.nav { margin-bottom: 0; }
  .dropdown { position: static; }
  .dropdown-menu { width: 100%; text-align: center; }
  .dropdown-menu&gt;li { display: inline-block; }
  </code></pre>
  
  <p>and there you have it!</p>