单击bootstrap轮播上的下一个或上一个时图像跳转

时间:2018-04-13 18:25:26

标签: javascript css wordpress bootstrap-4

我正在一个网站上工作并集成了引导程序轮播。一切都运作良好,除了一件事:当我点击下一个或上一个图标时,图像会跳跃一点,我觉得非常讨厌它。我尝试了所有搜索和应用的解决方案,但它仍然没有用。 任何人都可以帮我解决这个问题,网址如下: https://test5.extensionesdepelobaratas.net/hair-blog/ 你会看到第一个旋转木马,编号从1到8。 期待听到每个人的解决方案。

非常感谢。

1 个答案:

答案 0 :(得分:0)

看起来有一些类.item的元素在它的属性和后来应用的活动类属性时没有被正确转换。

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

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

使用现有网站对此进行测试,当涉及到元素滑入时,没有更多的“跳跃”。相反,它们会增长而不是跳转到旋转木马设置它们的大小。