Twitter bootstrap 使用引导显示响应图像

我使用的是Bootstrap，它有一个gallery视图，在大屏幕上显示平板电脑上的3列和2行，然后在手机上显示一列

我在大屏幕上使用的图像大小相对正确，但当我们将其移向手机时，图像的宽度比窗口的大小要小

处理这个问题的最佳方式是什么

---

纵横比看起来不错。 你有什么东西限制图像的高度吗

尝试强制图像的宽度填充父级，即class=col-xs-12

您可以签出此引用。询问者有一个类似的问题。也许他们的一个答案会对你有所帮助

---

为了确保网格“折叠”后，它适合柱的整个空间，您可以添加

宽度：100%

允许图像占据整个列的宽度

基本示例：

.imagecolumn img{
宽度：100%；
}

小提琴演示：

尽管如此，您的结构似乎在每个内柱中都有

，但它应该具有类似的网格结构：

图片一
图二
图三

这样，图像将与全宽内列匹配，如下所示：

col-md-12

也等于100%

---

Demo Fiddle:

我应该将其添加到div还是图像本身？现在这取决于列的网格结构，如果列中的

s应该是

col-xs-12

，以确保它与内列的全宽匹配，我将编辑我的答案。@HarshaMV Edited，简而言之，这是对你问题的一个回答，带有一个全宽的内栏——不管怎样，图像应该与大小相匹配。