Bootstrap 4中没有img-responsive响应

Question

我刚下载了Bootstrap 4 alpha 2的源代码,但无法img-responsive在其中找到该类.它存在于Bootstrap 3源代码中,我可以使用Notepad ++找到它,但bootstrap.css在dist文件夹中的Bootstrap 4s 中它不存在.

它发生了什么？

Answer 1

Bootstrap中的图像通过.img-fluid进行响应.最大宽度:100%; 和身高:汽车; 应用于图像,以便它与父元素一起缩放.

那么,如果它们做同样的事情,他们为什么要改变呢？他们只是做了一个突破性的改变？ (10认同)
所以我们应该使用`img-fluid`而不是`img-responsive`？ (5认同)
根据[alpha 2 changelog](http://blog.getbootstrap.com/2015/12/08/bootstrap-4-alpha-2/):"重命名.img-响应.img-fluid以避免将来混淆关于各种响应式图像解决方案." (2认同)

Answer 2

引导程序3： .img-responsive

引导程序4： .img-fluid

Bootstrap 4中的图像使用.img-fluid进行响应。最大宽度：100％；和高度：自动；应用于图像，以便与父元素缩放。

<img class="img-fluid" src="" alt=""> //This will make your image responsive

Answer 3

如果您使用的是 Bootstrap 4 alpha 2，您似乎需要使用一个新类 img-fluid 而不是 img-responsive。看看：http : //v4-alpha.getbootstrap.com/content/images/