Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/django/21.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Twitter bootstrap 以等边距居中图像的简单方法_Twitter Bootstrap - Fatal编程技术网

Twitter bootstrap 以等边距居中图像的简单方法

Twitter bootstrap 以等边距居中图像的简单方法,twitter-bootstrap,Twitter Bootstrap,我试图在Bootstrap3容器中居中放置七个图像(图像中为红色),直到图像不再相邻。现在我可以硬编码容器的宽度,测量边距等,或者通过JavaScript(jQuery) 有没有一种简单的方法可以在容器大小改变时得到同样有效的结果 您可以将图像放置在nav中,使nav对齐,以便块居中。要使图像在块中居中,请使用以下css .centeredImage { margin: 0 auto; } 你可以签入代码 希望这有帮助

我试图在Bootstrap3容器中居中放置七个图像(图像中为红色),直到图像不再相邻。现在我可以硬编码容器的宽度,测量边距等,或者通过JavaScript(jQuery)

有没有一种简单的方法可以在容器大小改变时得到同样有效的结果


您可以将图像放置在
nav
中,使
nav对齐
,以便块居中。要使图像在块中居中,请使用以下css

.centeredImage {
  margin: 0 auto;
}
你可以签入代码

希望这有帮助