Как изменить порядок колонок на Bootstrap?

Question

[krasniy001]

Bootstrap позволяет менять порядок колонок с контентом местами благодаря классам .col-md-push-* и .col-md-pull-*
Получается изменить порядок если в ряде несколько небольших колонок, но как поменять местами две колонки с шириной 12 которые идут друг над другом?

Answer 1

[codingal]

Если речь идет о верстке под мобильные устройства, то можно "закрепить" порядок следования колонок с помощью комбинации значений для свойства display, таких как table-header-group, table-footer-group.

Comments

[krasniy001]

Нет, речь идет про универсальное решение

[codingal]

krasniy001 если колонки флоатятся, то порядок будет определяться в зависимости от значения свойства float - лево или право.

Answer 2

[PaulZi]

Как вариант, задействовать display: flex и расставить соответствующие order: n

Answer 3

[Nik]

Можно использовать классы push и pull - https://itchief.ru/lessons/bootstrap-3/85-bootstra...