在Bootstrap中居中并缩小图像的大小

Question

我试着在Stack Overflow上关注另一个类似问题的答案，但这些解决方案并不适用于我。我在Ubuntu，Bootstrap 4.0和原子编码工作。我如何添加图片非常基本，它是以下代码：

<img src="x.png">

我尝试使用以下解决方案使图像居中：

<img src="x.png" class="img-responsive center-block">

和

<img class="mx-auto d-block" src="x.png">

同时创建一个新类：

.img-center {margin:0 auto;}

尝试

 <img src="x.png" class="img-responsive img-center">

另一方面，我确实没有太大的运气试图减小图像的大小，所以任何暗示都是受欢迎的。