Как перемещать колонку при уменьшении размера экрана Bootstrap?

Question

[De Slow]

Если есть три колонки:

<div class="row">
    <div class="col">
      1 из 3
    </div>
    <div class="col">
      2 из 3
    </div>
    <div class="col">
      3 из 3
    </div>
  </div>

как сделать так, что бы при открытии например на мобильной версии сайта, колонка 2 из 3
занимала бы нижнее место, под колонкам 1 из 3 и 3 из 3 по размеру две верхних будут в ширину экрана

Comments

[ProjectSoft]

https://bootstrap-4.ru/docs/4.3.1/utilities/flex/
Раздел «Порядок»

Answer 1

[profesor08]

В документации, разжевано все: https://getbootstrap.com/docs/4.0/layout/grid/

Указывая просто .col, ты задаешь автоматическое поведение. Тебе надо конкретно задавать классы для конкретных брейкпоинтов

.col-xs-12 .col-sm-12 .col-md-6 .col-lg-4 .col-xl-3

. А порядок задаешься с помощью .order-*

Comments

[Артём]

Если кто-то не дружит с английским языком — https://bootstrap-4.ru/docs/4.3.1/layout/grid/

[De Slow]

Порядок можно поставить для мобильного устройства один, а для col-md другой?