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;
}