title: Bootstrap: Sticky navigation bar that becomes fixed to the top after scrolling
body: <p>There is an outdated version of this question on this site, it does not answer my question.</p>
  
  <p>I am trying to create a website using Bootstrap that has a landing page where the cover image / carousel fill the entire browser area, and a navbar is fixed at the bottom. It should not be below the view area, but right at the bottom of the screen. Furthermore, it should be fixed so when the visitor scrolls down the navbar follows upwards, and once it hits the top of the screen it gets stuck and follows down.</p>
  
  <p>I tried with the affix plugin, though I have not been able to figure out how to accomplish the above with it.</p>
  
  <p>Here is a site i stumbled upon that has the layout I am trying to create: <a href="http://www.basabots.com/" rel="nofollow">http://www.basabots.com/</a></p>
  
  <p>Thank you for any and all help.</p>