title: How do I affix top my navbar with Twitter Bootstrap?
body: <p>I have a nav-bar that starts off at about 50px from the top of the page on load.  As I scroll down, I would like the nav-bar to "affix" itself to the very top of the page and be visible as I scroll through the rest of the content.  This is similar to what the nav-bar does on the official bootstrap tutorial Github site.<br>
  I am able to get the nav-bar to stay in place (albeit always 50px from the top as I scroll down the page) by using </p>
  
  <pre><code>&lt;ul class = "nav nav-list bs-docs-sidenav affix"&gt;
  </code></pre>
  
  <p>but once I add "-top" to the above so that it looks like</p>
  
  <pre><code>&lt;ul class = "nav nav-list bs-docs-sidenav affix-top"&gt;
  </code></pre>
  
  <p>the nav-bar no longer stays in place and disappears from view as I scroll down the page.</p>
  
  <p><a href="http://jsfiddle.net/t7Njg/" rel="nofollow">jsfiddle without "-top"</a></p>
  
  <p><a href="http://jsfiddle.net/sF4eE/" rel="nofollow">jsfiddle with "-top"</a></p>
  
  <p>How do I get the nav-bar to affix to the top of the page as I scroll down?</p>