title: What does navbar-static-top do in Bootstrap 3?
body: <p>According to the documentation of <a href="http://getbootstrap.com/components/#navbar-static-top">the Bootstrap 3's navbar static-top</a>,</p>
  
  <blockquote>
    <p>Static top
    Create a full-width navbar that scrolls away with the page by adding .navbar-static-top and include a .container or .container-fluid to center and pad navbar content.</p>
    
    <p>Unlike the .navbar-fixed-* classes, you do not need to change any padding on the body.</p>
  </blockquote>
  
  <p>what does this method do? The above documentation looks like to me that the navbar is fixed at the top of the screen even when I scroll down the page to the bottom. However, it's what <code>.navbar-fixed-top</code> does, and when I used <code>.navbar-fixed-top</code> in my app, it works exactly what I've mentioned.</p>
  
  <p>However, when I wrote <code>.navbar-static-top</code> in my app, I don't know what makes it different from just the <code>.navbar-default</code>. Anyone can help me in clarifying the difference and what the <code>.navbar-static-top</code> do?</p>