title: Order columns through Bootstrap4
body: <p>I have 3 columns which I want to order in different ways on desktop and mobile.</p>
  <p>Currently, my grid looks like this:</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="row"&gt;
    &lt;div class="col-xs-3 col-md-6"&gt;
      1
    &lt;/div&gt;
    &lt;div class="col-xs-3 col-md-6"&gt;
      2
    &lt;/div&gt;
    &lt;div class="col-xs-6 col-md-12"&gt;
      3
    &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  <p>In the mobile view I want to have the following output:</p>
  <pre><code>1-3-2
  </code></pre>
  <p>Unfortunately I don't get how to solve this with the <code>.col-md-push-*</code> and <code>.col-md-pull-*</code> classes in Bootstrap 4.</p>