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

Question

[hostalbreed]

Можно ли расположение блоков, находящихся в разных .row сверстать друг за другом без пробелов между ними при изменении экрана?
Стандартное расположение.
При lg - 6 блоков в строке. При md - 4 блока. При sm -3 блока. Далее 2 блока в строке.
Нюанс.
Первая строка в lg - 2 блока (один слева, другой справа), далее нормальный поток (по 6 блоков).
Первая строка в md - 1 блок слева далее пустота, далее нормальный поток (по 4 блока).
При изменении разрешения, блоки не хотят идти друг за другом.

https://codepen.io/hostalbreed/pen/VOKJaJ

Comments

[Сергей delphinpro]

Вопрос: а зачем их располагать в разных .row?

Answer 1

[Сергей delphinpro]

https://codepen.io/anon/pen/EzgBJz?editors=1100

Answer 2

[Максим Толкачев]

Вставить пустой блок, который будет заполнять пустое место (оффсет переносится на следующий ряд)
И не используй два блока row, если нужно, чтобы элементы перетекали между ними

https://codepen.io/Th0rN13/pen/GajbBj

Answer 3

[KononovD]

возьмите css-grid и не мучайтесь с бутстрапом)