img-responsive在Bootstrap 3中，img-fluid在Bootstrap 4中，自Beta版本以来。
删除显示：block; from .img-fluid.响应图像行为不依赖于显示：block;，这样我们就可以安全地将其删除。如果您需要块级别，您可以在源代码中或使用实用程序类轻松覆盖它。

.img-fluid {
  max-width: 100%;
  height: auto;
}
.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}