Column ordering in Bootstrap 4 with push/pull and col-md-12
<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>