html - Bootstrap 3 网格调整大小问题

Question

基本上我是在使用 bootstrap 3 构建一个全屏食物图像网格。我使用 container-fluid 和适当的列来定义我的行和断点的宽度。每列都包含一个食物图像并使用类 - col-lg-2 col-md-3 col-sm-4 col-xs-4

我不希望图像之间有间距，所以我删除了分配给列类的左右填充，这让我得到了我想要的外观。现在，当我调整网格大小时，一切正常。然而，在屏幕宽度 950px 和 980px 之间，图像在垂直方向上有一个间距。我不确定是什么原因造成的。有人有想法吗？

我附上了一些图片来说明bootply

http://www.bootply.com/xXaaLRWKTL .在此示例中，它发生在平板电脑屏幕断点附近。调整窗口大小看一下，你会看到 gutter 在断点处又回来了

http://imgur.com/a/ACSwA

谢谢

Answer 1

在示例的情况下，这是因为图像。

图像具有 img-responsive 类，它设置属性 max-width: 100%。由于该特定图像的最大宽度为 320 像素，因此图像本身停在 320 像素处(实际的 div 正常运行)。使用更大的图像，或删除最大宽度属性并设置 width: 100%。