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