title: Twitter Bootstrap: fix the nav bar top when user scrolls past it
body: <p>I am using Twitter Bootstrap but having problems with getting the navigation bar to stick to the top when the user scrolls past it.</p>
  
  <p>Please see my diagram of the homepage am working on. </p>
  
  <p>diagram: <a href="https://i.stack.imgur.com/OKYCA.png" rel="nofollow noreferrer">https://i.stack.imgur.com/OKYCA.png</a><br>
  code: <a href="https://i.stack.imgur.com/G3gP6.png" rel="nofollow noreferrer">https://i.stack.imgur.com/G3gP6.png</a>  </p>
  
  <p>Example: <a href="https://thomsonreuterseikon.com/" rel="nofollow noreferrer">https://thomsonreuterseikon.com/</a> (note how the nav bar stick to the top of the page when you scroll down)</p>