Twitter Bootstrap 轮播和导航答案

【问题标题】：Twitter Bootstrap carousel and navigationTwitter Bootstrap 轮播和导航
【发布时间】：2013-05-19 07:24:07
【问题描述】：

我在我的网站上全屏使用 Twitter Bootstrap 轮播：Web Site Link

在底部菜单中，单击“Architecture & Habitat”箭头以浏览幻灯片。

我的链接是这样的：<a id="projet-citizen" class="" data-interval="5000" data-slide-to="25" href="#myCarousel"> ... </ a>

通过经常停止访问每张幻灯片可以很好地对抗淡入淡出效果，尤其是当我想转到上一张幻灯片时。你有没有遇到过这个问题？我错过了什么吗？

【问题讨论】：

请提供你相关的css3过渡，我想你错过了.carousel .prev {left: 0;不透明度：1； z-index: 1;}
非常感谢，我不认为问题出在 CSS 上 :) 我说的是：carousel active.right.. {Left: 0, opacity: 0, z-index: 2;} and我的问题解决了。我还发现这篇文章对我有帮助：stackoverflow.com/questions/9526970/…

【解决方案1】：

Twitter Bootstrap Carousel 没有内置的 javascript/jQuery 过渡效果；它们是使用 CSS 过渡完成的。

要处理您必须在 CSS 中设置的后退过渡：

.carousel .active.right {Left: 0, opacity: 0, z-index: 2;}

【讨论】：