使用引导程序缩放图像

时间:2015-03-01 17:42:30

标签: html css image twitter-bootstrap scaling

我使用过Bootstraps行功能并使用代码:

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

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

我已经尝试过将图像包起来,但这并没有奏效。我尝试手动缩放它,但在放大和缩小时会发生变化。

最后我尝试使用&#34; Xem&#34;高度和宽度,但这也没有。

我怎么能这样做才能使它具有可扩展的大小,可以使用bootstrap列进行扩展。

2 个答案:

答案 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,因此请务必了解哪个版本并使用正确的标签