title: Fixed nav bar on mobile
body: <p>Hey I did implement a fixed nav bar (that stays at the top of the page while you scroll down the page) using bootstrap. 
  To fix it, I added the following css properties : </p>
  
  <pre><code>.fixed {
      top: 0;
      width: 100%; // Fallback
      width: 100vw;
      position: fixed;
    }
  
  &lt;div class='container-fluid'&gt;
    &lt;div class='row fixed'&gt;
      &lt;div class='col-xs-4 col-md-4'&gt;foo&lt;/div&gt;
      &lt;div class='col-xs-4 col-md-4'&gt;bar&lt;/div&gt;
      &lt;div class='col-xs-4 col-md-4'&gt;blah&gt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>It works perfectly fine on desktop and tabets. However, on mobile, the behavior seems a bit weird, and the bar isn't displayed at all. Is it something wrong with what I've done ? </p>