title: How to have a 100% width background inside container of twitter bootstrap?
body: <p>I am currently building a wordpress site, where I need a 100% width background (css color, no image) for a div. My div is inside a container and I can't modify the html. So, I was wondering if there was any way with css to do this. I have already tried the padding+margin hack, but it didn't work. </p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div class="container"&gt;
   &lt;div class="row-fluid"&gt;
     &lt;div class="main span12"&gt;
         &lt;div class="row-fluid blue"&gt; &lt;!--this is the div that needs the background--&gt;
            &lt;div class="span4"&gt;some content&lt;/div&gt;
             &lt;div class="span4"&gt;some content&lt;/div&gt;
            &lt;div class="span4"&gt;some content&lt;/div&gt;
            &lt;/div&gt;
         &lt;div class="row-fluid"&gt;
             &lt;div class="span12"&gt; some other content, doesn't need the background&lt;/div&gt;
         &lt;/div&gt;
       &lt;/div&gt;
    &lt;/div&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p>Any help is much appreciated. I tried this one : <a href="http://www.sitepoint.com/css-extend-full-width-bars/" rel="nofollow">http://www.sitepoint.com/css-extend-full-width-bars/</a> but it didn't work.</p>