このレイアウトをブートストラップとマージしたい:
https://jsfiddle.net/clankill3r/j9hj8rw8/
（ここでは、列はギャップなしでバランスが取れています。これは、ブートストラップでは実現できないことです（可能であれば、お知らせください）。
問題は、column-count の使用を開始するとすぐに、レイアウトが壊れているように見えることです。
.foo {
-webkit-column-count: 3; Chrome, Safari, Opera
-moz-column-count: 3; Firefox
column-count: 3;
}
（画像右側をご確認ください）
なぜそれが起こるのですか？