title: Bootstrap nav bar - How to float down navbar-fixed-top?
body: <p>How can I get the following menus to float with the page/body when resizing the browser width-wise?</p>
  
  <p><a href="http://jsfiddle.net/J7jJh/1/show/" rel="nofollow">http://jsfiddle.net/J7jJh/1/show/</a></p>
  
  <pre><code>&lt;div class="navbar navbar-inverse navbar-fixed-top"&gt;
    &lt;div class="navbar-inner"&gt;
      &lt;div class="container"&gt;
       // ...
  </code></pre>
  
  <p>Fixed works fine <a href="http://jsfiddle.net/WWf3x/show/" rel="nofollow">http://jsfiddle.net/WWf3x/show/</a> but I don't want the nav bar at the top and I can't figure out how to use margin or float with navbar-fixed-top to bring it down and push the body down at the same time and not overlap via scrolling either.</p>