title: Change column ordering from mobile to desktop layouts
body: <p>I'm trying to implement below designs using grid layout:</p>
  
  <p><img src="https://i.imgur.com/KFfOwyj.png" alt="mobile"><img src="https://i.imgur.com/YGQaysk.png" alt="desktop"></p>
  
  <p>This is what i tried but not what i wanted.</p>
  
  <p><a href="http://jsfiddle.net/tomalex0/3fesK/3/" rel="nofollow noreferrer">http://jsfiddle.net/tomalex0/3fesK/3/</a></p>
  
  <pre><code>&lt;div&gt;
     &lt;div class="col-md-9 col-md-push-3 row-one"&gt;1&lt;/div&gt; 
     &lt;div class="col-md-3 col-md-pull-9 row-two"&gt;2&lt;/div&gt;
     &lt;div class="col-md-9 col-md-push-3 row-three"&gt;3&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I don't want to use absolute to make it work, as the footer comes under the absolute div.</p>
  
  <p>Please let me know if its possible.</p>