title: Bootstrap column order
body: <p>I'm working on a page using Bootstrap. The layout is like this on a desktop:</p>
  
  <pre><code>image - text
  text - image
  image text
  </code></pre>
  
  <p>When it collapses into the narrower version, I (naturally) wind up with:</p>
  
  <pre><code>image
  text
  text
  image
  image
  text
  </code></pre>
  
  <p>How can I make the narrow version look like this?</p>
  
  <pre><code>image
  text
  image
  text
  image
  text
  </code></pre>
  
  <p>I'm using 3 rows, each with 2 col-md-6 columns. Can I change the order of the columns when it collapses?</p>
  
  <p>Thanks.</p>