img-responsive不能正确缩放一组imgs

时间:2016-05-10 15:27:21

标签: html css image twitter-bootstrap-3

我一直试图将响应行为设置为水平显示并以(单个)容器为中心的一组图像,但我找不到这样做的方法。显然只是设置" img-responsive"每个img没有一个独立的容器,每个人都无法工作,因为响应性是基于容器的宽度。

它的外观如下:Bootply

在示例中,只有3张图片(随机图标),但可能还有更多,这就是我对缩放感兴趣的原因。

我尝试为每张图片设置一个容器,宽度为20%(固定高度,因为我希望它们水平缩放),并添加img-responsive类,但它们仍然没有缩放一点。检查here

你猜猜第二个Bootply中可能存在哪个问题?可能是一个更好的方法?

谢谢。

0 个答案:

没有答案