Как убрать пустое пространство между блоками разной высоты?

Question

[Valeriu]

привет всем
Смотрите есть такая страница:

нужно чтоб между элементами (тут md-card) разной высоту не было пустого пространства
щас использую ng2-bootstrap-grid
через md-grid тоже пробовал - не получилось
как это реализовать на Angular?
если кто-то знает - пожалуйста поделитесь

может быть это можно как-то на Flex-box сделать?

------------- 06.10.2017
нашёл решение на чистом CSS https://codepen.io/AdamBlum/pen/fwrnE

Comments

[Kovalsky]

Например, desandro masonry.

[Valeriu]

Никита Полевой, Никита про данную библиотеку знаю. Интересует именно решение на Angular. Если бы не нужно было подключать никакие библиотеки было бы вообще здорово)

[Kovalsky]

vodniciarv, https://github.com/passy/angular-masonry ?

[Valeriu]

Никита Полевой, большое спасибо. Щас поищу для последней версий Ангуляра.

Answer 1

[freeman0204]

https://codepen.io/freeman0204/pen/KXyRXv?editors=1100 задай родителю, в данном случаи класс .col классы .d-flex.flex-wrap смотри bootstrap 4. А вообще вот https://webformyself.com/otzyvchivye-bloki-odinako...