Упорядочивание колонок в Bootstrap 4 с push / pull и col-md-12
У меня есть два столбца с классомcol-md-12
каждый.
На рабочем столе они должны отображаться так:
Col **1**
Col **2**
В мобильном представлении должно отображаться так:
Col **2**
Col **1**
Возможно ли это с упорядочением столбцов Bootstrap?
Мой текущий код:
<div class="row">
<div class="col-xs-push-12 col-md-12">
Col 1
</div>
<div class="col-xs-pull-12 col-md-12">
Col 2
</div>
</div>