Bootstrap v4.5.0 上的轮播问题

Question

我的传送带在 bootstrap (4.5) 的最新版本上有问题。我通过在内部创建一个网格来使用多项目旋转木马（我的项目看起来像这样：

<div class="carousel-item active">
        <img class="col-6" src="images/IMAGE 1" alt="">
        <img class="col-6" src="images/IMAGE 2" alt="">
</div>

为了让它在 Bootstrap 4.5 上运行，我必须在我的 CSS 中添加它：

.carousel-item { 
margin-right: 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}

但是动画还是坏了。这是一个视频link，它会更容易理解：https://streamable.com/w3pt0j

有人知道如何解决这个问题吗？我很确定这很明显，但我仍然是 HTML/CSS

的初学者

这是页面的 link：http://mathieucheve.fr/new/index.html

Answer 1

删除 .carousel-item 中的 margin-right 属性，它将按预期工作。

.carousel-item { 
/*margin-right: 0; */ /*Remove this line */
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}

Bootstrap v4.5.0 上的轮播问题

Problem with the carousel on Bootstrap v4.5.0

html

css

carousel

bootstrap-4