我用Bootstrap 3做了一个目录。在平板电脑上显示时，产品图像看起来很难看，因为它们的体积很小(500x500)，在浏览器中只有767像素的宽度。我想把图像放在屏幕的中央，但是由于某种原因我不能。谁将帮助解决这个问题？
如果您正在使用Bootstrap V3.0.1或更高版本，则应该使用此解决方案。它没有用自定义CSS覆盖Bootstrap的样式，而是使用Bootstrap特性。
以下是我最初的答案，以供后人参考
这是一个令人愉快的简单修复。因为Bootstrap中的.img-responsive已经设置了display:block，所以可以使用margin:0 auto将图像居中:
.product .img-responsive {
margin: 0 auto;
}
在Twitter Bootstrap 3（自3.0.1版以来）中有.center-block类，因此使用:
<img src="..." alt="..." class="img-responsive center-block" />
只向映像添加Centre-Block类，这也适用于Bootstrap 4:
<img src="..." alt="..." class="center-block" />
注意:Centre-Block即使在使用IMG-responsive时也能工作
