title: When viewing my twitter bootstrap site on a mobile a 20px gutter is added on the sides. How do I stop this?
body: <p>When viewing my twitter bootstrap website on a mobile there are 20px gutters on each side. This stops any content that touches the edges on the desktop from doing so on the mobile. The twitter bootstrap homepage itself doesn't have these gutters when viewed on mobile. <a href="http://twitter.github.com/bootstrap/" rel="nofollow">http://twitter.github.com/bootstrap/</a></p>
  
  <p>Other websites say putting a body {padding-left:0;padding-right:0} helps but this creates another problem of messing up the navbar.</p>
  
  <p>Any clues?</p>