Reversing stacking order in bootstrap 3?

Question

Before in bootstrap 2 you could reverse the stacking order in the grids by reversing the floats.

In bootstrap 3 this does not seem to work. Can anyone tell me the solutions for bootstrap 3?

Any assistance would be appreciated.

Answer 1

Use the .col-md-push-* and .col-md-pull-* modifier classes., see: http://getbootstrap.com/css/#grid-column-ordering

example:

<div class="container"> 
<div class="col-sm-5 col-sm-push-7" style="height:50px;background-color:green;">first right</div>
<div class="col-sm-7 col-sm-pull-5" style="height:100px;background-color:red;">second left</div>
</div>