title: Variable height columns, background color
body: <p>I'm attempting to create a two column row using Bootstrap.  The first column should have a grey background coloring.  I can't seem to get the col-xs-* to extend to 100% of the height of the row.</p>
  
  <p>A fiddle can be seen here:
  <a href="http://jsfiddle.net/Kikketer/6AM4J/" rel="nofollow noreferrer">http://jsfiddle.net/Kikketer/6AM4J/</a></p>
  
  <p>There are two ways I'm trying to do this: </p>
  
  <ol>
  <li>Have the first column have the grey background, and extend it to 100% height (doesn't work).</li>
  <li>Make the .row class have the grey color and make the second column overwrite it with a white background.</li>
  </ol>
  
  <p>-HTML:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;div class="ex_wrapper"&gt;
      &lt;div class="ex_1_row row"&gt;
          &lt;div class="ex_1_key col-xs-6"&gt;Some Content&lt;/div&gt;
          &lt;div class="ex_1_val col-xs-6"&gt;Lots of content that causes a wrap&lt;/div&gt;
      &lt;/div&gt;
          &lt;div class="ex_1_row row"&gt;
          &lt;div class="ex_1_key col-xs-6"&gt;Another Header&lt;/div&gt;
          &lt;div class="ex_1_val col-xs-6"&gt;&lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>-CSS:</p>
  
  <pre class="lang-css prettyprint-override"><code>/** Example 1 would just have the key highlight in grey **/
  .ex_1_key {
      background-color: lightgrey;
      height: 100%;    /** notice the 100% doesn't seem to work **/
  }
  
  /** Example 2 colors the whole row, and covers things in white **/
  .ex_2_row {
      background-color: lightgrey;
  }
  
  .ex_2_val {
      background-color: white;
  }
  </code></pre>
  
  <p>Both of these methods fail.  I'm currently using option #2, but when the value has no content, the field shows up as mostly grey (since it's height is less than the key).</p>
  
  <p>Here's an image of what I'm trying to do:</p>
  
  <p><img src="https://i.stack.imgur.com/OGRW9.png" alt="Both rows have grey keys, white values.  Regardless if the value has data."></p>
  
  <p>Has anyone had this problem?  What did you do to resolve the issue?  Changing the data isn't really an option.</p>