更新2018
Bootstrap 2.x
您可以创建一个新的CSS类,例如:
.img-center {margin:0 auto;}然后,将其添加到每个IMG:
<img src="images/2.png" >
或者,
.img-responsive如果要将所有图像居中,则只需覆盖即可。
.img-responsive {margin:0 auto;}演示: http :
//bootply.com/86123
Bootstrap 3.x
编辑 -随着Bootstrap 3.0.1的发布,
center-block现在可以使用该类,而无需任何其他CSS。
<img src="images/2.png" >
引导程序4
在Bootstrap 4中,
mx-auto该类(自动x轴边距)可用于将图像居中
display:block。但是,img是
display:inline默认设置,因此
text-center可以在父级上使用。
<div > <div > <div > <img src="//placehold.it/200"> </div> </div> <div > <div > <img src="//placehold.it/200"> </div> </div></div>
Bootsrap 4-中心图像演示



