使用引导程序缩放图像答案

【问题标题】：Scaling an image with bootstrap使用引导程序缩放图像
【发布时间】：2015-05-02 00:58:27
【问题描述】：

我已经使用了 Bootstraps 行功能并使用了代码：

<div class="col-md-1">
<img src="1.jpg" />
</div>

我发现图像在放大和缩小时不会随列缩放。

我尝试使用来包装我的图像，但没有成功。我尝试手动缩放它，但它会在放大和缩小时发生变化。

最后我尝试使用“Xem”作为高度和宽度，但这也没有用。

我怎样才能做到这一点才能使其成为可缩放的大小，以使用引导列进行缩放。

【问题讨论】：

【解决方案1】：

对于 Bootstrap 4 及更高版本，截至本文发布时最新的 Bootstrap 主要版本，他们将 .img-responsive 重命名为 .img-fluid，因此请务必知道哪个版本并使用正确的标签。

【讨论】：

【解决方案2】：

您需要将img-responsive 类添加到图像标签中。

它记录在 Bootstrap 网站上的图像下

<div class="col-md-1">
    <img class="img-responsive" src="1.jpg" />
</div>

【讨论】：