引导4 IMG-回应并不完全工作

Question

由于引导4出来我使用它。

我看见你不能使用。

class="img-responsive"

所以我用这个：

.img-fluid{
max-width: 100%;
height: auto;

不过，这并不完全工作，因为当我半个屏幕它只是IMG-液体，有没有办法让它像工作IMG响应或是否需要修正？

映入眼帘，

柯南

Answer 1

在自举4，.img-responsive改为.img-fluid。有关从BS3迁移到BS4更多信息请访问此link

Answer 2

您可以添加此classcard-img-top

HTML

<img src="your images link" class="card-img-top" alt="...">

CSS

img {
  height: auto;
  max-width: 100%; }

Answer 3

我用<img class="img-fluid" src="myimage.png">并能正常工作。

当我尽量减少我的屏幕，图像也会自动降低（其与父元素秤）。

也许你可以张贴一些代码，所以我们可以理解您的问题比较好？