我刚刚下载了Bootstrap 4 alpha 2的源代码，但无法在其中找到类img-responsive。它存在于Bootstrap 3源代码中，我可以使用Notepad ++找到它，但在bootstrap.css文件夹中的Bootstrap 4s dist中它并不存在。
发生了什么事？??
答案 0 :(得分：56)
Bootstrap中的图像通过.img-fluid响应。最大宽度：100％;和身高：汽车;应用于图像，以便它与父元素一起缩放。
答案 1 :(得分：4)
如果您使用的是Bootstrap 4 alpha 2，似乎需要使用新类img-fluid而不是img-responsive。 看看：http://v4-alpha.getbootstrap.com/content/images/
答案 2 :(得分：3)
引导程序3： "img-responsive"
引导程序4： "img-fluid"
Bootstrap 4中的图像使用.img-fluid进行响应。最大宽度： 100％;和高度：自动；应用于图像，以便缩放 带有父元素。
<img class="img-fluid" src="" alt=""> //This will make your image responsive
答案 3 :(得分：1)
使用img-fluid类而不是img-responsive
请参阅docs
答案 4 :(得分：1)
在Bootstrap 4中，您可以使用class =“ img-fluid”。
这是解释：
Bootstrap中的图像使用.img-fluid进行响应。最大宽度：100％；和高度：>自动；应用于图像，以便与父元素缩放。
这是建议的代码：
<img src="..." class="img-fluid" alt="Responsive image">
答案 5 :(得分：1)
Boostrap 4使用+------------+
| newcolname|
+------------+
| [XX, YY]|
|[ZZ, AA, BB]|
+------------+
类。
有关更多参考，Boostrap changes for image
答案 6 :(得分：1)
您还可以使用与.img-thumbnail相同的.img-fluid，但也可以使图像的边框呈圆形1px。
查看结果：Image thumbnails