使用引导程序缩放图像



我使用了Bootstraps行功能,并使用代码:

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

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

我试过用来包装我的图像,但没有成功。我试着手动缩放它,但放大和缩小时它会改变。

最后,我尝试使用"Xem"来表示高度和宽度,但这也不起作用。

我怎么能做到这一点,使它成为一个可扩展的大小,以与引导列进行扩展。

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

您需要将类img-responsive添加到image标记中。

它记录在Bootstrap网站的图片下

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

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

最新更新