title: Bulma: Change stack order of columns
body: <p>How can I change the stack order of columns on mobile or tablet?</p>
  
  <p>For example, the code below shows elements horizontally on wide screens, but when it's shrinked I want <code>2</code> to be on top. I don't want to change the html structure to do it.</p>
  
  <p>The example is below:
  <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;link href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.3.1/css/bulma.css" rel="stylesheet"/&gt;
  &lt;div class="columns"&gt;
    &lt;div class="column box"&gt;
      1
    &lt;/div&gt;
    &lt;div class="column box"&gt;
      2
    &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>