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

Question

我想要只有3个图像列,让class="col-lg-4"我说三个我知道class="img-responsive"

如何选择应该使用的图像大小？如果我有4,我该怎么做呢col-lg-3

谢谢.

Answer 1

我在这种情况下做的是使用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">