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

Суть следующая, есть две колонки для версии "col-lg". В левом блоке располагаются "разделы сайта" и ниже блок "Рекламные баннеры" (вот они нам и нужны), а в правом "текстовый блок".
Задача, что бы в "col-lg" "Рекламные баннеры" были НИЖЕ "разделов сайта", а в "col-md" и ниже (т.е чтобы в мобильной версии, "Рекламные баннеры" располагались ниже "текстового блока").
А загвоздка в этом: Не должно быть дублирования блока с "Рекламными баннерами" или "разделами сайта";
Если кто знает, подскажите, может, кто сталкивался, я чет не вижу идей кроме как через js.
  • Вопрос задан
  • 232 просмотра
Решения вопроса 1
я ничего не понял но почитай про https://bootstrap-4.ru/docs/4.1/utilities/flex/#order, если у тебя есть колонки 1 2 и надо чтобы на респонсе они стили 2 1 то order поможет) если ты хочешь перекинуть через несколько диваков то только Js, вырезать блок и вставить в другое место.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы