关于 class="mx-auto d-block img-fluid"

.mx-auto 类来设置居中对齐。

使用 .mx-auto (margin:auto) 和 .d-block (display:block) 类来设置图片居中对齐：

img-fluid类来设置响应式图片