title: Multiple col-sm-6 force reflow to the bottom
body: <p>I have multiple divs with <em>col-sm-6</em> in one <em>row</em>. the setup has the first, third and consecutive divs as fairly small heights, while the second has a much larger height.</p>
  
  <p>I'm expecting the divs to re-flow, with the first on the left, the second on the right and the third on the left under the first. It does this, but the top of the third div is in line with the bottom of the second. I was expecting it to move up to the bottom of the first.</p>
  
  <pre><code>&lt;div class="row row-fluid"&gt;
      &lt;div class="col-sm-6" style="min-height: 30px"&gt;1&lt;/div&gt;
      &lt;div class="col-sm-6" style="min-height: 90px"&gt;2&lt;/div&gt;
      &lt;div class="col-sm-6" style="min-height: 20px"&gt;3&lt;/div&gt;
      &lt;div class="col-sm-6" style="min-height: 40px"&gt;4&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I've constructed a jsFiddle to try to show the problem: <a href="http://jsfiddle.net/G7atf/1/" rel="nofollow">http://jsfiddle.net/G7atf/1/</a></p>
  
  <p>Is there a way to easliy fix this without having to write my own JS?</p>