引导响应图像列的图像大小应该是多少?

时间:2013-11-13 09:11:33

标签: twitter-bootstrap twitter-bootstrap-3

我想要有3个仅限图片的列,让我们说三个class="col-lg-4"我知道class="img-responsive"

如何选择应该使用的图像尺寸?如果我有4 col-lg-3

,我该怎么做呢?

感谢。

1 个答案:

答案 0 :(得分:5)

在这种情况下,我使用holder.js来测量图像宽度:http://imsky.github.io/holder/

然后在您的列中插入流体占位符,如下所示:

<img data-src="holder.js/100%x75/social">

当您在浏览器中加载它时,它会告诉您每个图像需要多宽。

** 更新(2016年6月)**

这是更新的语法:

<img data-src="holder.js/100px380" class="img-responsive">