滑动时在滑动下方的Bootstrap 3旋转木马白色背景

Question

我在我的网站上使用最新版本的Bootstrap。 每次轮播滑动时，幻灯片图像下方都会出现白色背景。

这是哪里来的，我该如何摆脱呢？ 图像大小不一。

Answer 1

可能是圆盘传送带或下面的东西的默认背景色。
要找到其来源，请尝试覆盖轮播或正文或html的背景色，或者可以将其作为具有不同背景色的容器。

为避免将图像高度更改为

height:100% ; or height:"100vh";

如果上述方法不起作用，还可以为html / body元素设置高度

Answer 2

您需要将图像的高度设置为100％，以使其覆盖轮播容器的整个高度。 为此，您必须将所有图像父容器设置为100％，还必须为.carousel指定特定的高度。 因此，您必须将.carousel设置为height：500px之类的东西，然后将.carousel-inner ， .item和.item img都设置为height: 100%; 。 如果要保留图像的分辨率，则可以删除图像标签，并为每个幻灯片指定另一个类。 .slide-one ， .slide-two和.slide-three 。 然后，您可以为这些类中的每个类提供背景图像并将其设置为cover，但是您仍然必须将轮播的高度设置为某个高度，然后将.carousel-inner和.item为height: 100% 。 这是一个示例小提琴，我向人们展示了使他们的轮播真正响应的方法。 它在.carousel-item使用填充底部，然后将其设置为百分比。 然后用这个填充底部百分比弄乱以获得所需的高度。 然后将每个项目设置为具有背景图像。 这是您可能要看的小提琴

旋转木马提琴

但是要使您的轮播工作，您需要像我之前提到的那样进行操作，并设置图像，它的父容器高度为100％。 如果您不想弄乱任何一个，则可以使用许多网络图像缩放器将图像调整为所有相同的大小，而只需Google调整图像大小即可。

希望这对你有帮助