一页上的多个bootstrap轮播不起作用

Question

我有2个Bootstrap轮播here。

如果你在Chrome浏览器中并将屏幕缩小到移动视图（500px以下），你会看到＆＃34;下面的滑块＆＃34;查看我们最新的真实游乐设施＆＃34;。如果你单击箭头，它表现得非常奇怪。它会使第一张幻灯片继续滑动到活动位置。即使其他项目具有活动类。

这是我的JS：

$('#slCarousel, #real-rides-mobile').carousel({
interval: 5000  });

我不确定究竟发生了什么。您可以在开发工具中查看源代码。

非常感谢任何帮助

Answer 1

从display:block;

中删除#real-rides-mobile .item

旋转木马应该使用该属性。