自举网格变高

Question

我想像这样使用网格引导列，但是col并不像那样工作。 有没有办法实现这个目标？

Answer 1

这可以通过使用砌体布局来解决。 我试着用css来看看它。没有实施js。无需Bootstrap。

column-count: 3;
-moz-column-count: 3;
-webkit-column-count: 3;
-moz-column-gap: 0;
-webkit-column-gap: 0;
column-gap: 0;
-moz-column-fill: initial;
-webkit-column-fill: initial;
column-fill: initial;
-moz-column-gap: 1em;
-webkit-column-gap: 1em; 

https://jsfiddle.net/6g5dhtvc/

Answer 2

Bootstrap为列提供了外观，但要实现这些顺序，您需要将其与砌体样式顺序相结合，例如在Pinterest中。

请看一下这篇文章，它可以帮助您理解这个概念：https://www.sitepoint.com/bootstrap-tabs-play-nice-with-masonry/