Отображение div в разных местах в зависимости от размера экрана?

Question

[Дмитрий Дремин]

Суть следующая, есть две колонки для версии "col-lg". В левом блоке располагаются "разделы сайта" и ниже блок "Рекламные баннеры" (вот они нам и нужны), а в правом "текстовый блок".
Задача, что бы в "col-lg" "Рекламные баннеры" были НИЖЕ "разделов сайта", а в "col-md" и ниже (т.е чтобы в мобильной версии, "Рекламные баннеры" располагались ниже "текстового блока").
А загвоздка в этом: Не должно быть дублирования блока с "Рекламными баннерами" или "разделами сайта";
Если кто знает, подскажите, может, кто сталкивался, я чет не вижу идей кроме как через js.

Answer 1

[Сергей Карвасарный]

я ничего не понял но почитай про https://bootstrap-4.ru/docs/4.1/utilities/flex/#order, если у тебя есть колонки 1 2 и надо чтобы на респонсе они стили 2 1 то order поможет) если ты хочешь перекинуть через несколько диваков то только Js, вырезать блок и вставить в другое место.

Comments

[Дмитрий Дремин]

ты хочешь перекинуть через несколько диваков то только Js

вот примерно это и нужно я тоже к этому склоняюсь, не хочу js засорять, по этой причине и задаю данный вопрос, может кто с этим сталкивался... Спасибо за ответ.

[Сергей Карвасарный]

Дмитрий Дремин, можно попробовать обернуть блок в col-12 и второй со всей внутрянкой и попробывать через order подвигать, указывать сдвиг на 12 колонок может они будет подниматься вверх) я только левый и правый так местами менял))