title: css: floating nav bar that fixes when touching the top
body: <p>I'm looking for ways to make this happen:</p>
  
  <p>A nav bar that is put into a page normally and when it touches the top as I scroll, it fixes there.</p>
  
  <p>You can take this in another way: it's like a fixed nav bar that was not put at the top at first.</p>
  
  <p>It's something like <a href="https://stackoverflow.com/questions/9346557/floating-nav-bar-that-stops-fixed-to-the-top-of-the-page">this question</a> where the guy was using js but I want a more easy solution.</p>
  
  <p>I'm using bootstrap and is it possible to use pure css to do this?</p>