使用Bootstrap创建一个像Pinterest的网格：这些框不会显示在彼此的下方 [英] Making a Pinterest-like grid with Bootstrap: the boxes are not displayed right below each other

问题描述

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;

But the white boxes are not aligned right one after another one -- where could be the issue? I;ve tried also using display: inline-block; instead of float: left;, but the result was basically the same.

谢谢

推荐答案

column-width 和 column-gap 这样..

这篇关于使用Bootstrap创建一个像Pinterest的网格：这些框不会显示在彼此的下方的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！