如何启用水平滑动以引导轮播？答案

【问题标题】：How to enable horizontal sliding to bootstrap carousel?如何启用水平滑动以引导轮播？
【发布时间】：2013-10-20 09:37:48
【问题描述】：

我有两个 twitter 引导轮播示例。

您可以在下面找到来源的链接：

Source page（最后一个样本）。这是DEMO。

Source page。这是DEMO。

两个示例都包含全屏背景旋转器。我想了解为什么这个旋转木马有不同的滑动效果？在第一个演示中，它具有自动淡入/淡出效果，但第二个演示类似于水平滑块，具有手动移动幻灯片的可能性。在查看了 HTML 代码、CSS 和 JScript 之后，我仍然不清楚为什么它们有不同的旋转方式？

主要问题是：我需要在第一个演示中更改哪个参数以启用自动水平滑动（如第二个示例中）？

【问题讨论】：

【解决方案1】：

其中一个链接可能会对您有所帮助：

【讨论】：

感谢您的帮助！非常有用的链接。看看演示 1，有一个带有 .carousel.item{transition: opacity 1s;} 的自定义 CSS。要启用水平滑块，此属性可能类似于 .carousel.item{ transition: 0.4s ease-in-out left;}