How to make boostrap grid systems masonry style?

I'm looking to use bootstrap in this way:

<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>
//And so on..

These div's are being added dynamically.

I don't know if there's an extra class I could add to the div's to make them masonry style, but for a visual example, Here's what I'm getting so far:

and Here's what I'm looking to achieve:

Does anyone know any classes I can add to achieve this effect?