引导滑块img大小

Question

大家好，我刚开始学习Bootstrap我做了一个带有Bootstrap 4的网站，并且添加了一张幻灯片，但是照片虽然显示高度为100，但并不能填满所有页面；重量：100;在CSS中，我尝试了height：auto;重量：自动；但是照片尺寸不同，我该如何解决，照片尺寸也不同。

Answer 1

您需要指定身高，并以 100％（而不是“体重”）指定（注意这项工作）。因此，您的CSS看起来像这样：

.some-class
{
height: 100%;
width: 100%;
}

或者，您可以使用引导程序预定义的类w-100。这是预定义类的示例：

<div class="carousel-item active">
  <img class="d-block w-100" src="https://placeimg.com/640/480/any" alt="First slide">
</div>

Demo