Для изменения порядка блоков в мобильной версии с помощью Bootstrap можно использовать классы "order".
Bootstrap предоставляет классы "order-1" до "order-12", которые позволяют задать порядковый номер для элементов на определенных экранах.
Чтобы поменять блоки местами в мобильной версии, нужно указать порядковый номер для соответствующих блоков. Например, если у вас есть два блока с классами "col-md-6" и "col-md-push-6", вы можете перенести "col-md-6" блок вверх, чтобы он был первым на мобильных устройствах, следующим образом:
<div class="row"> <div class="col-md-6 order-2">Первый блок</div> <div class="col-md-6 order-1">Второй блок</div> </div>
В данном случае, блок с классом "col-md-6 order-2" будет отображаться вторым на десктопных экранах и первым на мобильных экранах, а блок с классом "col-md-6 order-1" будет отображаться первым на десктопных экранах и вторым на мобильных экранах.
Классы "order" можно также комбинировать с другими классами Bootstrap, чтобы достичь нужного оформления и размещения блоков на разных размерах экрана.
Таким образом, с помощью классов "order" в Bootstrap вы можете гибко изменять порядок блоков, чтобы они выглядели так, как вам нужно, на разных устройствах.