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

Question

[Сергей Коваль]

Как с помощью сетки twitter bootstrap сделать чтобы блоки разной высоты были один под другим ?

Answer 1

[JoveLebedev]

можно воспользоваться css3 свойством:

column-count: n;
-webkit-column-count: n;

Но загвоздка в том, что блоки распределяются вертикально, а не горизонтально. Но если это не проблема, то пожалуйста.

А если к js склоняетесь, то предлагаю вместо Masonry использовать WookMark. Он гораздо легче.

Comments

[Сергей Коваль]

А как сделать чтобы новости выводились в горизонтальном порядке...? Потому что у меня получается что старые новости находятся в 2-3 столбце...

Answer 2

[Sergey Lysogor]

Если как у pinterest, то простой запрос в гугле "pinterest grid bootstrap" дает на первой странице решение с SO: stackoverflow.com/questions/22148063/making-a-pint...

Comments

[Сергей Коваль]

Спасибо !

[Sergey Lysogor]

Сергей Коваль: Рад помочь!)

Answer 3

[Viktor Vsk]

Masonry