Как в bootstrap 4 менять местами блоки при адаптации?

Question

[Stacy None]

У меня есть сетка
3 колонны сайдбар и 9 колон контент
сайдбар находится с левой стороны от контента
При адаптации на более мелкие разрешения нужно сделать так чтобы сайдбар был снизу контента а сейчас наоборот.
Как это делается в bootstrap 4?

Answer 1

[djv57]

Вот тут есть пример для изменения порядка вывода двух колонок в Bootstrap 4 при изменении разрешения:
https://ru.stackoverflow.com/a/941035/325821

Comments

[Дмитрий]

Самое лучшее решение!)

[MRcracker]

спасибо, помогло

Answer 2

[Андрей]

Так же как в b3, push-md-3 и pull-md-9
https://v4-alpha.getbootstrap.com/layout/grid/#pus...

Answer 3

[Алекс Глебов]

.flex-sm-row-reverse .flex-lg-row

Comments

[Stacy None]

не то!
вот моя сетка

<div class="row">
    <div class="col-12 col-md-3">
    sidebar
    </div>
  <div class="col col-md-9">
    content
    </div>
</div>

Сайдбар находится с лева
Как сделать чтобы он при адаптации был во все 12 колонн и с низу?

[Алекс Глебов]

col-xs-12
или
col-sm-12

[Алекс Глебов]

хотя щас посмотрел, он по умолчанию должен быть на 100% в мобилках.
У вас сетка на флексах включена?

[Stacy None]

Алекс Глебов: Да. Раньше это делалось через pull push а тут как ? в 4 версии

[Сергей delphinpro]

Stasy11: раньше это никак не делалось. Колонки по-умолчанию заполняют ширину 100%

Answer 4

[KasymovRuslan]

https://getbootstrap.com/docs/4.2/layout/grid/#ord... Вот нынешняя замена offset

Answer 5

[Error420]

Все описано в главе Изменение порядка элементов
https://bootstrap-4.ru/docs/4.0/layout/grid/