title: How can I "wrap" divs with Twitter Bootstrap 3?
body: <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>