title: Bootstrap 3 Container Fill Left and Right space
body: <p>I am currently trying to create a centered container using bootstraps container class, and then to the left and right of it have two separate divs that fill the remainder of the white space.</p>
  
  <p>I tried alot things, busy trying to create it using columns now. But no Luck.</p>
  
  <p>Only thing is, the container needs to have a max width of 960px</p>
  
  <p>here's a <strong><a href="http://jsfiddle.net/dawidvdh/yW6hJ/" rel="nofollow">JSFIDDLE</a></strong></p>
  
  <p>and the code thus far:</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div&gt;
      &lt;div class="col-md-1 pull-left" style="background: #000099;"&gt;left&lt;/div&gt;
      &lt;div class="container" style="background: #002500"&gt;contain&lt;/div&gt;
      &lt;div class="col-md-1 pull-right" style="background: #005580"&gt;right&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Any Help Greatly Appreciated.</p>