title: Bootstrap sidebar with background color
body: <p>I have a simple layout using bootstrap which gives me 2 columns - one LEFT and one RIGHT. Using the 12 column grid format of Bootstrap - the left should be 8 wide and the right column 4 wide like below.</p>
  
  <pre><code>&lt;div class="row"&gt;        
      &lt;div class="col-md-8"&gt;Left Content&lt;/div&gt;    
      &lt;div class="col-md-4"&gt;Right Content&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The problem? How can i add a CONTAINER to the row so things are centered BUT give the right column a background color that stretches all the way to the edge of the browser. So if left background color is blue and right background is pink, the colors run full width whilst keeping content within them centered via the container.</p>
  
  <p><a href="http://www.bootply.com/xFSUgLBNHe" rel="noreferrer">BOOTPLY</a></p>
  
  <p><img src="https://i.stack.imgur.com/ZfgNM.jpg" alt="enter image description here"></p>