Bootstrap-Reihe mit Spalten unterschiedlicher Höhe

Ich habe derzeit etwas wie:

<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>

Unter der Annahme, dasscontent war Boxen unterschiedlicher Höhe, mit der gleichen Breite - wie könnte ich das gleiche "Gitter-basierte Layout" beibehalten und dennoch alle Boxen untereinander ausrichten, anstatt in perfekten Linien.

Derzeit wird TWBS die nächste Zeile von platzierencol-md-4 unter dem längsten Element in der vorherigen dritten Reihe., so ist jede Reihe von Elementen perfekt ausgerichtet und sauber - während dies genial ist, möchte ich, dass jedes Element direkt unter das letzte Element fällt ("Masonry" -Layout)

Antworten auf die Frage(4)

Ihre Antwort auf die Frage