title: Full height Column background color with Bootstrap Grid
body: <p>I know the chances are slim, but how would you achieve layouts like the following, where left, center and right have different background colors <strong>while using the bootstrap grid system</strong>? I guess the column layout is against the thinking of the Bootstrap grid, am I right?</p>
  
  <p><img src="https://i.stack.imgur.com/qzy0C.png" alt="enter image description here"></p>
  
  <p><strong><a href="http://dabblet.com/gist/5326268" rel="nofollow noreferrer">Here's an online use case url</a>.</strong></p>
  
  <p>The CSS is the standard Bootstrap grid CSS for spans etc.. </p>
  
  <p>I had a look on some other SO Q and A's but I wouldn't like to use things like JavaScript.. or things not supported by IE7+.. </p>