Как поменять блоки местами?

Question

[mrzgt]

Есть разметка

<div class="col-xs-12 col-sm-7 col-md-8 col-lg-9">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-7">
блок1 
</div>
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-5">
блок2
</div>
text....
</div>
<div class="col-xs-12 col-sm-5 col-md-4 col-lg-3">
блок3
</div>

Подскажите как можно сделать что бы при xs, очередность блоков стала блок 1, блок 3 и блок 2

Answer 1

[Олег]

Посмотрите документацию bootstrap на предмет классов order-* https://getbootstrap.com/docs/4.3/utilities/flex/#order