title: White right and left margins in Bootstrap navbar
body: <p>This issue has been bothering me forever. I'm using the Bootstrap framework and whenever I view my site on mobile devices I get 20px margins on the right and left side of the navbar. </p>
  
  <p>In the past some have suggested the following:</p>
  
  <pre><code>.navbar-fixed-top {
      margin-left: -20px;
      margin-right: -20px;
  }
  </code></pre>
  
  <p>Unfortunately, this doesn't work. It solves the issue with the navbar margins but creates issues with the rest of the page. </p>
  
  <p>You can view an example of this problem here: <a href="http://www.theplaybook.co" rel="nofollow">http://www.theplaybook.co</a></p>
  
  <p>Any insights are much appreciated.</p>