title: How can I reverse the order of columns in Bootstrap 4?
body: <p>I have this simple scenario:</p>
  
  <pre><code>&lt;div class="row"&gt;
      &lt;div class="col-md-12 col-lg-6 col-xl-7"&gt;A&lt;/div&gt;
      &lt;div class="col-md-12 col-lg-6 col-xl-5"&gt;B&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>basically if <code>md</code></p>
  
  <pre><code>A
  B
  </code></pre>
  
  <p>I would like it, if <code>md</code></p>
  
  <pre><code>B
  A
  </code></pre>
  
  <p>I have tried many variants found on web, like <code>flex-first</code> and whatnot.. can't seem to get it to work</p>
  
  <p>Any ideas? </p>