twitter-bootstrap – Bootstrap:img-responsive vs img-fluid

前端之家收集整理的这篇文章主要介绍了twitter-bootstrap – Bootstrap:img-responsive vs img-fluid前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用bootstrap 3.3.6,我正在使用类img-responsive来响应图像.

我找到了一个新的类名img-fluid,但它不存在于3.3.6版本中.

任何人都能说出img-responsive和img-fluid之间的区别.

img-responsive只是根据父容器大小调整图像大小,我们可以使用css属性width:100%和height:auto来实现它.然后为什么要使用想象敏感的课程

解决方法

没有区别.只有名字不同.在BS3中使用img-responsive,在BS4中使用img-fluid.

更新BOOTSTRAP 4 BETA

.img-fluid {
  max-width: 100%;
  height: auto;
}

Bootstrap 3:

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}

猜你在找的Bootstrap相关文章