title: Twitter Bootstrap - Full width background (image)
body: <p>I'm currenly on a project and I'm trying out the awesome Twitter Bootrtrap including the responsive grid. All works fine and dandy except for one issue.</p>
  
  <p>How do you give the <code>.container</code> (which holds the grid) a background color? Example:</p>
  
  <pre><code>&lt;div class="container green"&gt;
      &lt;div class="row"&gt;
          &lt;div class="span6"&gt;
              &lt;p&gt;This is a test&lt;/p&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="row"&gt;
          &lt;div class="span6"&gt;
              &lt;p&gt;This is a test&lt;/p&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  .green{
   background:green;
  }
  </code></pre>
  
  <p>When I add a color to the container it will turn green but leaves a margin on the left side, about 20px. How do I implement a full-width background?</p>