我使用了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>