On a page I have two columns. On the first one (black), I have one section which contains an image. The second one, has two blocks (blue and green).
I want to change the order of the three sections like in this schema I have made:
I found some way of doing with push and pull, but it's only put the black block last instead of first.
Adapted from Isherwood's answer in this very similar question:
Have them in order on a small screen, and then on a larger screen, pull them to the appropriate side of the page:
<!-- language: lang-html -->
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-6 blue pull-right"></div>
<div class="col-xs-12 col-sm-6 black pull-left"></div>
<div class="col-xs-12 col-sm-6 green pull-right"></div>
</div>
</div>
