title: Bootstrap 3 - make div inside column same height as the other columns on the same row.
body: <p>As per the title, I've tried with making <code>height:100%</code> <code>min-height:100%</code> etc but it's not helping.</p>
  
  <p>The following from similar questions make all columns into equal heights but I need the inside div stretch 100% to match the height of the other columns on the same row.</p>
  
  <pre><code>[class*="col-"]{
      margin-bottom: -99999px;
      padding-bottom: 99999px;
          background-color: red;
  }
  .row {
      overflow: hidden; 
  }
  </code></pre>
  
  <p>Other columns contain images with <code>img-responsive</code> class so they resize automatically by the viewport size and this div in question will have mix of text and image. </p>
  
  <p>Here is <a href="http://jsfiddle.net/sungsoonz/4z3PE/1/" rel="nofollow">JS Fiddle</a></p>