Criando uma grade semelhante ao Pinterest com o Bootstrap: as caixas não são exibidas logo abaixo uma da outra

O esquema HTML é o seguinte:

<div class="items">
  <div class="item">...</div>
  <div class="item">...</div>
  <div class="item">...</div>
  ...
</div>

.item Estilo CSS:

float: left;

E o resultado:

Mas as caixas brancas não estão alinhadas uma após a outra - onde poderia estar o problema? Eu também tentei usardisplay: inline-block; ao invés defloat: left;, mas o resultado foi basicamente o mesmo.

Obrigado

questionAnswers(2)

yourAnswerToTheQuestion