@hostalbreed

Bootstrap 4. Как сверстать блоки один за другим без разрывов?

Можно ли расположение блоков, находящихся в разных .row сверстать друг за другом без пробелов между ними при изменении экрана?
Стандартное расположение.
При lg - 6 блоков в строке. При md - 4 блока. При sm -3 блока. Далее 2 блока в строке.
Нюанс.
Первая строка в lg - 2 блока (один слева, другой справа), далее нормальный поток (по 6 блоков).
Первая строка в md - 1 блок слева далее пустота, далее нормальный поток (по 4 блока).
При изменении разрешения, блоки не хотят идти друг за другом.
5cd9d0e2a2a33656910457.png5cd9d1f2e840d001754456.png
https://codepen.io/hostalbreed/pen/VOKJaJ
  • Вопрос задан
  • 431 просмотр
Пригласить эксперта
Ответы на вопрос 3
delphinpro
@delphinpro
frontend developer
Комментировать
Th0r_N13
@Th0r_N13
Frontend, Electronics, some backend
Вставить пустой блок, который будет заполнять пустое место (оффсет переносится на следующий ряд)
И не используй два блока row, если нужно, чтобы элементы перетекали между ними

https://codepen.io/Th0rN13/pen/GajbBj
Ответ написан
Комментировать
@KononovD
возьмите css-grid и не мучайтесь с бутстрапом)
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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