title: Twitter Bootstrap: column re-ordering for full width divs
body: <p>It looks like a simple task, but can't get it working. I need to re-order divs for tablets, which are 100% width. Please take a look at the following <a href="http://jsfiddle.net/711p2dLb/" rel="nofollow">fiddle</a> to see what I mean.</p>
  
  <p>Original reference:</p>
  
  <pre><code>&lt;div class="row"&gt;
    &lt;div class="col-md-9 col-md-push-3"&gt;.col-md-9 .col-md-push-3&lt;/div&gt;
    &lt;div class="col-md-3 col-md-pull-9"&gt;.col-md-3 .col-md-pull-9&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><a href="http://getbootstrap.com/css/#grid-column-ordering" rel="nofollow">http://getbootstrap.com/css/#grid-column-ordering</a></p>