Создание сетки в стиле Pinterest с Bootstrap: прямоугольники не отображаются прямо друг под другом

Схема HTML следующая:

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

.item Стиль CSS:

float: left;

И результат:

Но белые квадраты не выровнены один за другим - в чем может быть проблема? Я пытался также использоватьdisplay: inline-block; вместоfloat: left;, но результат был в основном тот же.

Спасибо

Ответы на вопрос(2)

Ваш ответ на вопрос