title: using container-fluid within bootstrap cause horizontal scrollbar
body: <p>Here is a simple example: </p>
  
  <pre><code>&lt;div class="container-fluid"&gt;
      &lt;div class="row"&gt;
          &lt;div class="col-lg-12"&gt;DUMMY CONTENT&lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <h3><a href="http://jsfiddle.net/KyleMit/p23EB/1/">Demo in Fiddle</a></h3>
  
  <p>When I see the result in browser I get a horizontal scrollbar.</p>
  
  <p>Why is this happening? </p>
  
  <p>What am I doing wrong? </p>