图像-Bootstrap 4中没有img响应

我刚刚下载了Bootstrap 4 alpha 2的源代码,但找不到其中的类img-responsive。 它存在于Bootstrap 3源代码中,我可以通过Notepad ++找到它,但是在Bootstrap 4s bootstrap.cssdist文件夹中不存在。

这是怎么回事??

Vahid Amiri asked 2020-08-10T20:48:48Z
5个解决方案
67 votes

从Bootstrap 4文档中:

Bootstrap中的图像使用.img-fluid进行响应。 最大宽度:100%; 和高度:自动; 应用于图像,以便与父元素缩放。

Boxiom answered 2020-08-10T20:48:58Z
11 votes

Bootstrap 3:.img-fluid

Bootstrap 4:.img-fluid

如Bootstrap 4图片所示:

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

<img class="img-fluid" src="" alt=""> //This will make your image responsive
Tahir77667 answered 2020-08-10T20:49:31Z
4 votes

如果您使用的是Bootstrap 4 alpha 2,则似乎需要使用新的img-fluid类而不是img-respond。看看:[http://v4-alpha.getbootstrap.com/content/images/]

Arnab Chakraborty answered 2020-08-10T20:49:51Z
1 votes

使用img-fluid类而不是img-response

查看文件

Abdul Basit answered 2020-08-10T20:50:15Z
1 votes

在Bootstrap 4中,您可以使用class =“ img-fluid”。

这是解释:

Bootstrap中的图像使用.img-fluid进行响应。 最大宽度:100%; 和高度:>自动; 应用于图像,以便与父元素缩放。

这是建议的代码:<img src="..." class="img-fluid" alt="Responsive image">

Muhammadim Yusoff Jamaluddin answered 2020-08-10T20:50:48Z
translate from https://stackoverflow.com:/questions/34811268/no-img-responsive-in-bootstrap-4