使用引导程序缩放图像

Question

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

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

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

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

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

我怎么能这样做才能使其成为可扩展的大小以使用引导列进行缩放。

Answer 1

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

Answer 2

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

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

http://getbootstrap.com/css/#images

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