twitter bootstrap - setting column height based on max column height
<p>I want to make all the columns to same height in a row. So, all columns in a row should have the same height as any column with max height.</p>
<p><strong>Fiddler:</strong> <a href="https://jsfiddle.net/ebwwvy6m/11/" rel="nofollow noreferrer">https://jsfiddle.net/ebwwvy6m/11/</a></p>
<pre><code>&lt;div class=&quot;container-fluid&quot;&gt;
  &lt;div class=&quot;row&quot;&gt;
    &lt;div class=&quot;col-sm-2 bg-warning&quot;&gt;
      This is a col-sm-2
      Some test content
       Some test content
        Some test content
         Some test content
    &lt;/div&gt;
    &lt;div class=&quot;col-sm-6 bg-success&quot;&gt;
      .col-sm-6
    &lt;/div&gt;
    &lt;div class=&quot;col-sm-4 bg-info&quot;&gt;
      .col-sm-4      
      Some test content
      Some test content
    &lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;
</code></pre>
<p><strong>Issue:</strong></p>
<p><a href="https://i.stack.imgur.com/OAgfD.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/OAgfD.png" alt="enter image description here" /></a></p>
<p>Both column 2 and column 3 should expand to have the same height as column 1.</p>
<p>Any help / suggestion will be greatly appreciated.</p>