title: Pushing and Pulling Columns - Bootstrap 4
body: <p>This is what I need:</p>
  
  <p><strong>Desktop:</strong> <code>B A</code></p>
  
  <p><strong>Mobile:</strong> </p>
  
  <pre><code>A
  B
  </code></pre>
  
  <p>Here is my HTML:</p>
  
  <pre><code>&lt;div class="row"&gt;
  
      &lt;div class="col-md-7 col-sm-7 push-md-5"&gt;
          A
      &lt;/div&gt;
  
      &lt;div class="col-md-5 col-sm-5 pull-md-7"&gt;
          B
      &lt;/div&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>It is in correct order on mobile device but not on Desktop. I have tried a couple of guides and help material but without luck. In most guides they are moving equal columns like 4 or 6 so it's a bit confusing to understand it clearly.</p>