以相同边距居中图像的简单方法

Question

我正试图将7个图像放在Bootstrap 3容器中（图像中的红色），直到图像不再相邻为止。现在我可以硬编码容器的宽度并测量边距等，或者通过JavaScript（jQuery）。

是否有一种简单的方法可以获得以下结果，当容器大小发生变化时，该结果也可以使用？

Answer 1

您可以将图片放在nav nav-justified的{​​{1}}中，这样块就会居中。要使图像居中于块中，请使用以下css;

.centeredImage {
  margin: 0 auto;
}

您可以查看http://yuvarla.org/#/partner

中的代码

希望这会有所帮助。