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

发布时间：2020-12-18 00:22:27 所属栏目：安全来源：网络整理

导读：我正在使用bootstrap 3.3.6,我正在使用类img-responsive来响应图像. 我找到了一个新的类名img-fluid,但它不存在于3.3.6版本中. 任何人都能说出img-responsive和img-fluid之间的区别. img-responsive只是根据父容器大小调整图像大小,我们可以使用css属性width

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!