html - 高さの異なる列を持つブートストラップ行

Question

私は現在、次のようなものを持っています:

<div class="row">
    <div class="col-md-4">Content</div>
    <div class="col-md-4">Content</div>
    <div class="col-md-4">Content</div>
    <div class="col-md-4">Content</div>
    <div class="col-md-4">Content</div>
    <div class="col-md-4">Content</div>
    <div class="col-md-4">Content</div>
    <div class="col-md-4">Content</div>
    <div class="col-md-4">Content</div>
</div>

高さが異なり、幅がすべて同じであると仮定するとcontent、同じ「グリッドベースのレイアウト」を維持しながら、完全な線ではなく、すべてのボックスを互いに並べるにはどうすればよいでしょうか。

現在、TWBS は の次の行をcol-md-4前の 3 行目の最も長い要素の下に配置します。したがって、アイテムの各行は完全にきれいに整列されます。これは素晴らしいことですが、各アイテムを最後の要素のすぐ下に配置したいと考えています (「Masonry」レイアウト) )