title: How to make bootstrap column height to 100% row height?
body: <p>I haven't found a suitable solution to this and it seems so trivial.</p>
  
  <p>I have two columns inside a row:</p>
  
  <pre><code>&lt;div class="row"&gt;
    &lt;div class="col-xs-9"&gt;
      &lt;div class="left-side"&gt;
        &lt;p&gt;sdfsdf&lt;/p&gt;
        &lt;p&gt;sdfsdf&lt;/p&gt;
        &lt;p&gt;sdfsdf&lt;/p&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="col-xs-3"&gt;
      &lt;div class="something"&gt;asdfdf&lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The row height is set by the larger row, <code>left-side</code>. However, I want the right side's height to be the same.</p>
  
  <p>This seems intuitive, but it doesn't work</p>
  
  <pre><code>.left-side {
      background-color: blue;
  }
  .something {
      height: 100%;
      background-color: red;
  }
  .row {
      background-color: green;
  }
  </code></pre>
  
  <p><a href="http://jsfiddle.net/ccorcos/jz8j247x/" rel="noreferrer">http://jsfiddle.net/ccorcos/jz8j247x/</a></p>