There is a row with 2 blocks:

<div class="container"> <div class="row"> <div="class="col-lg-6 col-md-12">1</div> <div="class="col-lg-6 col-md-12">2</div> </div> </div>

How to do what would be the second block (with the number '2' inside) with a smaller screen, I mean in md size was always on top of the first block.

    1 answer 1

    The blocks will need to be swapped and add col - <> - push - <> and col - <> - pull - <>. Something like this:

     <div class="container"> <div class="row"> <div class="col-lg-6 col-lg-push-6 col-md-12">2</div> <div class="col-lg-6 col-lg-pull-6 col-md-12">1</div> </div> </div>