ブートストラップグリッドの可変幅

Question

このようなグリッドブートストラップ列にしたいが、colはそのようには動作しません。 これを達成する方法はありますか？

Answer 1

これは石工のレイアウトを使用することによって解決することができます。 私はそれをCSSだけを使って見てみました。 jsは実装されていません。ブートストラップは必要ありません。

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

ブートストラップは、列の外観を与えていますが、Pinterestの中のような、たとえば、石工スタイルの順序とそれを組み合わせる必要があり、これらの順序を達成します。

この記事を見てみると、それはあなたがこの概念を理解するのに役立つはずしてください：https://www.sitepoint.com/bootstrap-tabs-play-nice-with-masonry/