title: Stretching a div across the width of the screen in bootstrap
body: <p>I wish to stretch the div blue across the  width of the screen which is used inside a container class in bootstrap. Here's the code</p>
  
  <pre><code>&lt;div class='container'&gt;
      &lt;img src="http://lorempixel.com/175/80/sports/1" width="230" height="70" class="pull-left" /&gt;
      &lt;div class='clearfix'&gt;&lt;/div&gt;
      &lt;div class= 'padding-top'&gt;&lt;/div&gt;
      &lt;div class="blue"&gt;&lt;/div&gt;
      &lt;div class="padding-bottom"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>Here's the CSS for the blue div</p>
  
  <pre><code>.blue{
      border-top:3px solid #8DBF43;
      width:100% !important;
  }
  </code></pre>
  
  <p>But the directive doesn't seem to be working, its still contained inside the container.</p>