title: Column ordering in Bootstrap 4 with push/pull and col-md-12
body: <p>I've two columns with the class <code>col-md-12</code> each.</p>
  
  <p>In desktop view they should display like:</p>
  
  <pre><code>Col **1** 
  Col **2**
  </code></pre>
  
  <p>In the mobile view the should display like this:</p>
  
  <pre><code>Col **2**
  Col **1**
  </code></pre>
  
  <p>Is this even possible with the column ordering of Bootstrap?</p>
  
  <p>My current code:</p>
  
  <pre><code>&lt;div class="row"&gt;
      &lt;div class="col-xs-push-12 col-md-12"&gt;
          Col 1
      &lt;/div&gt;
      &lt;div class="col-xs-pull-12 col-md-12"&gt;
          Col 2
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>