如何调整图像以适合Bootstrap中的div？

Question

我正在尝试使图片适合div。但是，第三张图像的高度很大，与其他图像相比显得很大。 我曾尝试给第三张图片指定高度和宽度，但效果并不理想。是否有解决方案，以适合图像并使其响应方式与其他两个相同？ 这是我的代码：

Answer 1

由于您使用的是Bootstrap 3，因此需要添加：

  

.img响应

分类为您的图片... 像这样：

<img class="img-responsive" src="your image">

.img响应（引导程序3）等同于Bootstrap 4中的 .img-fluid 。

它将为您的图像提供100％的最大宽度，并将高度设置为自动-正是您想要的图像。