Jak osiagnac taki layout

Witam,

potrzebuje zrobic cos takiego jak na zalaczonych ponizej przykladach:

http://www.maxmodels.pl/fashion.html
http://postimg.org/image/ph0sb299z/

W skrocie, zeby w trzech niezaleznych jakby kolumnach dodawac divy o roznych wysokosciach, ale zachowac pionowe odstepy takie same dla kazdej pary divow i kolumny.

Probowalem rozwiazanie bootstrapa, a mianowicie:

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

natomiast calosc rozjezdza sie, nie zachowuje takich samych odstepow pomiedzy dodawanymi do kolumn divami.

Prosze o jakies wskazowki jak to zrobic w html5/css3.

Z gory dzieki,
pozdrawiam.

zarzuc top co ci sie wykrzacza na jsbin lub ideone. klatwiej bedzie wskazac blad, bo idea jest prosta w te col-md-4 wkladasz divy z col-xs-12 i paddingi do nich i tyle

To jest sytuacja idealna, w ktorej jest tak jak chce: http://s18.postimg.org/la6c8vo49/ideal.png

Problem jest tego typu, gdy dochodza realne dane i te panele maja rozna wysokosc, wtedy robi sie tak:

http://s14.postimg.org/5fbn1uqj5/acctual.png

Kod:

http://pastebin.com/rWjmPace

jakis twoj styl ci cos kopie w kodzie, bo domyslnie to dziala bez problemu => http://jsbin.com/pejemewoti/2/ nawet w roznej konfiguracji , bo sa to trzy rozne kolumny, a jesli zahaczaja o siebie, to bez realnego pelnego kodu nie zgadniemy co to jest.

Chyba chodzi Ci o to: http://isotope.metafizzy.co/layout-modes/masonry.html