我刚刚下载了Bootstrap 4 alpha 2的源代码，但在里面找不到类。它存在于Bootstrap 3的源代码中，我可以在Notepad++中找到它，但在Bootstrap 4的文件（位于文件夹中）中不存在。
它到底发生了什么？
它到底发生了什么？
7个回答
87
来自 Bootstrap 4 文档：
在 Bootstrap 中，使用 .img-fluid 样式可以使图片实现响应式布局。max-width: 100%; 和 height: auto; 样式将被应用到图片上，这样图片就可以随着父元素进行缩放。
- Boxiom
4
22
Bootstrap 3：.img-responsive
Bootstrap 4：.img-fluid
就像Bootstrap 4 Images中所述：
在Bootstrap 4中，使用.img-fluid可以使图片具有响应性。max-width：100％;和height:auto;被应用于图像，以便它与父元素一起缩放。
<img class="img-fluid" src="" alt=""> //This will make your image responsive
- Tahir77667
5
如果你正在使用Bootstrap 4 alpha 2，似乎需要使用新的img-fluid类而不是img-responsive类。请查看：http://v4-alpha.getbootstrap.com/content/images/。
- Arnab Chakraborty
3
在Bootstrap 4中，您可以使用class="img-fluid"。通过应用max-width:100%和height:auto属性，使图像响应式地缩放以适应父元素大小。以下是建议的代码：
<img src="..." class="img-fluid" alt="Responsive image">
- Muhammadim Yusoff Jamaluddin
网页内容由stack overflow 提供, 点击上面的可以查看英文原文，
原文链接
原文链接
- 相关问题
- 6 Bootstrap中的img-responsive无法正常工作
- 7 Bootstrap-3 - img-responsive不起作用
- 3 Bootstrap: 在缩略图中添加img-responsive类
- 3 在Zurb Foundation中是否有类似于Bootstrap的img-responsive的等效选项？
- 4 Bootstrap选择器没有显示选项。
- 6 BS3 - img-responsive类 - 为什么没有最大高度？
- 3 Bootstrap - 所见即所得编辑选项没有效果
- 96 Bootstrap 4中btn-xs选项不再有效？
- 3 Bootstrap开关在Bootstrap 4中无法工作
- 3 img-responsive不能居中显示
img-fluid代替img-responsive吗？ - Vahid Amiriimg-responsive完全相同的样式。 - Boxiom