title: How can I move a div from top to bottom on mobile layouts?
body: <p>I am using Bootstrap 4, but if it works on version 3, it should work on v4.</p>
  
  <p>I have 2 divs within a column like so:</p>
  
  <pre><code>&lt;div class="row"&gt;
      &lt;div class="col-xs-12"&gt;
          &lt;div&gt;TOP ON DESKTOP, BOTTOM ON MOBILE&lt;/div&gt;
          &lt;div&gt;BOTTOM ON DESKTOP, TOP ON MOBILE&lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Is there a way I can get the divs to swap around on a mobile device? I do not want to use any JavaScript here; I would like to use Bootstrap classes only, if possible.</p>
  
  <p>If it is not possible with Bootstrap, then CSS-only please.</p>