How can I "wrap" divs with Twitter Bootstrap 3?
<p>For "sm" and smaller I want the divs to display as:</p>

<pre><code>[ A ]
[ B ]
[ C ]
[ D ]
[ E ]
[ F ]
</code></pre>

<p>For "md" and bigger I want the divs to display as:</p>

<pre><code>[ A ] [ D ]
[ B ] [ E ]
[ C ] [ F ]
</code></pre>

<p>where A is aligned with D, B is aligned with E, C is aligned with F, etc.</p>

<p>Is this possible with Bootstrap?</p>

<p>I realize I could do:</p>

<pre><code>&lt;div class="col-md-6"&gt;
  &lt;div id="A"&gt;&lt;/div&gt;
  &lt;div id="B"&gt;&lt;/div&gt;
  &lt;div id="C"&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class="col-md-6"&gt;
  &lt;div id="D"&gt;&lt;/div&gt;
  &lt;div id="E"&gt;&lt;/div&gt;
  &lt;div id="F"&gt;&lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>...but this doesn't ensure that B is aligned with E, e.g. when A is taller than D.</p>