title: Twitter Bootstrap: white space on left and right side in smaller screen widths?
body: <p>I have markup similar to this:</p>
  
  <pre><code>&lt;div class="container-fluid"&gt;
      &lt;div class="container"&gt;
          &lt;div class="row"&gt;
              &lt;h1&gt;Hello World!&lt;/h1&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Obviously, I want the <code>.container-fluid</code> to span the entire width of the screen. However, in smaller screen widths, it doesn't seem to do that. There appears a space on both sides of the screen, thus reducing the amount of screen real estate and affecting the overall look and feel I'm trying to achieve.</p>
  
  <p>Is there a way to get rid of this space? I want <code>.container-fluid</code> to span the entire width of the screen regardless of the screen width.</p>