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 正在发挥应有的作用）。要么使用更大的图像，要么移除 max-width 属性并设置width: 100%。