我正在使用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; }