title: Change the order of col-*-12 columns in Bootstrap using push/pull
body: <p>I have two columns of the same size (<code>.col-xs-12</code>) and I would change their place when the screen size correspond to that of a mobile device. I would place them in the reverse order.</p>
  
  <p>I have read that push and pull bootstrap directives help to accomplish that, but is it possible to change the place of two columns of the same size with the following classes?</p>
  
  <pre><code>div.col-xs-12.col-xs-push-12
    p test1
  div.col-xs-12.col-xs-pull-12
    p test2
  </code></pre>