Создание сетки в стиле 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;
, но результат был в основном тот же.
Спасибо