我使用过Bootstraps行功能并使用代码:
<div class="col-md-1">
<img src="1.jpg" />
</div>
我发现放大和缩小时图像不会随列缩放。
我已经尝试过将图像包起来,但这并没有奏效。我尝试手动缩放它,但在放大和缩小时会发生变化。
最后我尝试使用&#34; Xem&#34;高度和宽度,但这也没有。
我怎么能这样做才能使它具有可扩展的大小,可以使用bootstrap列进行扩展。
答案 0 :(得分:2)
您需要将类img-responsive
添加到图片代码中。
它在Bootstrap网站上的图像下记录
http://getbootstrap.com/css/#images
<div class="col-md-1">
<img class="img-responsive" src="1.jpg" />
</div>
答案 1 :(得分:1)
对于 Bootstrap 4 以及之后的最新主要版Bootstrap,他们将.img-responsive
重命名为.img-fluid
,因此请务必了解哪个版本并使用正确的标签