Quick Bootstrap Css/jquery Solution for dynamic galery grid view

Hi there I'm trying to have a website that has this kind of grid view style:

http://ogc.passle.net/

but seems like bootstrap col-xs-6 col-md-3 col-sm-4 doesn't behave the same way if each grid item has different height any suggestion on how to use bootstrap css 'preferably' or simply use other css/jquery plugin? thank you