title: What's the best method for responsively displaying 2 columns in reverse order?
body: <p>Consider the following example for a 2-column layout:</p>
  
  <pre><code>&lt;div id="leftColumn" class="col-lg-6"&gt;
      &lt;p&gt;Some content&lt;/p&gt;
  &lt;/div&gt;
  &lt;div id="rightColumn" class="col-lg-6"&gt;
      &lt;p&gt;Some content&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>What is the best method for displaying #rightColumn above #leftColumn on mobile breakpoints? One solution is to create extra markup and hide the extra section at desired breakpoints. But that doesn't seem very semantic. </p>
  
  <p>Is there a better way?</p>