bootStrap，多行，多列，div高度不一样导致错位,怎么解决

Question

图中，最左边（左上）的div，因为图片有点高，下面多出一截，导致 1 处图片，错位了。把3，4的图片挤压到第三行去了。怎么能把1处放到2处。3，4处图片自动，跟着2处排列。变成这样的，不是瀑布流，就是一个wp文章列表显示。

Answer 1

我发现了一个高级方法，用伪类解决了。
好处是不需要设定固定宽高。
.col-md-4:nth-child(3n+1){
clear:left!important;
}
<div class="row">
<div class="col-md-4"></div>
<div class="col-md-4"></div>
<div class="col-md-4"></div>
<div class="col-md-4"></div>
<div class="col-md-4"></div>
<div class="col-md-4"></div>
<div class="col-md-4"></div>
<div class="col-md-4"></div>
<div class="col-md-4"></div>
</div>

怎么堆积col都不会变形了。

Answer 2

换成 瀑布流吧