title: Equals heights of thumbnails
body: <p>I have 3 <code>thumbnail span3</code> elements per Twitter Bootstrap row but the the <code>&lt;p&gt;</code> text is variable which breaks the layout. How could I set each <code>thumbnail</code> to be the height of the largest thumbnail so that they flow correctly?</p>
  
  <pre><code>&lt;div class="box_line" style="float: left; border: 1px solid red;"&gt;
    &lt;div class="thumbnail span3"&gt;
      &lt;img src="http://placehold.it/260x180" alt=""/&gt;
      &lt;div class="caption"&gt;
        &lt;h5&gt;Thumbnail label&lt;/h5&gt;
        &lt;p&gt;Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.&lt;/p&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I haven't found a working jQuery plugin to do this and the solution in <a href="https://stackoverflow.com/questions/9143971/using-twitter-bootstrap-2-0-how-to-make-equal-column-heights">this topic</a>  doesn't work for me either.</p>