在引导轮播上单击下一个或上一个时图像跳转

Question

我正在开发一个网站并集成了引导轮播。一切都很好，除了一件事：当我点击下一个或上一个图标时，图像会跳动一点，我觉得很烦。我尝试了我搜索和应用的所有解决方案，但仍然无效。 谁能帮我解决这个问题，网址如下： https://test5.extensionesdepelobaratas.net/hair-blog/ 您将看到编号为 1 到 8 的第一个轮播。 期待听到大家的解决方案。

非常感谢。

Answer 1

看起来有少数带有 .item 类的元素在其属性和之后应用的活动类的属性方面没有正确转换。

如果您将以下 CSS 添加到您的 .carousel-inner .item 元素中，所有值都将正确转换。

.carousel-inner .item { transition: all 0.5s ease !important; }

在现有网站上对此进行了测试，当涉及到滑入的元素时，不再有“跳跃”。相反，它们会增长而不是跳跃到轮播设置它们的大小。