How to set the order of bootstrap blocks?

Question

Bootstrap

There is a desktop layout that

needs to be done without resorting to display:flex
to make a mobile layout like this

My code:

<div class="row">
<div class="col-sm-12 col-lg-4 col-md-4 col-md-push-8">2</div>
<div class="col-xs-12 col-lg-8 col-md-8 col-md-pull-4">1</div>
<div class="col-xs-12 col-lg-8 col-md-8 col-md-pull-4">3</div>
</div>

Answer 1

Something like this