Как переместить блок?

Question

[NeTLeaDeR]

Верстаю на bootstrap 4, есть 4 блока. Нужно чтобы правый - нижний блок встал сразу за правым-верхним. К левым блока применено свойство float:left , к правым: float:right.


Почему-то блок не хочет двигаться вверх. Только если применяю свойство margin-top: -Npx, что, как я предполагаю, не лучшая практика. Как это сделать правильнее?

html:

<div class="row">
                <div class="col-6 col-md">
                    ...
                </div>
                <div class="col-6 col-md">
                    ...
                </div>
                <div class="col-6 col-md">
                    ...
                </div>
                <div class="col-6 col-md">
                    ...
                </div>
 </div>

Comments

[Ankhena]

Варианты:
1. masonry
2. поменять порядок блоков
3. columns

Answer 1

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

Тогда вам нужна не bs сетка, а mansory:
https://masonry.desandro.com
У bs4 есть подобие:
https://getbootstrap.com/docs/4.0/components/card/...
но оно кривоватенькое и только на первый взгляд похоже