Bootstrap carousel-fade不再使用maxcdn 3.3.bootstrap.min.css

我已经在Bootstrap 3版本中进行了一段时间的淡入淡出过渡，但我刚刚将本地保存的bootstrap.min.css（Bootstrap v3.1.1）副本的调用更改为并且淡入淡出过渡不再有效。 它只是直接翻到下一张幻灯片。 根本没有过渡。

我已经尝试添加旋转木马的ID，但这不起作用。

等等

CSS是：

 .carousel-fade .item { -webkit-transition: opacity 3s; -moz-transition: opacity 3s; -ms-transition: opacity 3s; -o-transition: opacity 3s; transition: opacity 3s; } .carousel-fade .active.left {left:0;opacity:0;z-index:2;} .carousel-fade .next {left:0;opacity:1;z-index:1;} 

[顺便说一句：当我把#myCarousel放在那些前面时，它默认为幻灯片过渡。]

你可以在这里看到一个版本使用maxcdn v3.3.0 CSS： bizharbour.net/projects/jambalaya/index.html

使用对本地持有的v3.1.1 css的调用的人在这里： bizharbour.net/projects/jambalaya/crewed-yacht-charter-sample-menu.html淡入淡出就是在这个。

我改变的另一件事是调用jquery和bootstrap js文件。 我现在正在使用：

以前我用过：

本地bootstrap.js是v3.1.1，其中包括Bootstrap：transition.js v3.1.1，如果这意味着什么。

如何在Bootstrap 3.3.0中获取轮播以识别轮播淡入淡出过渡？

谢谢你的帮助。

干杯，特蕾西

Answer 1

我面临同样的问题，我认为我有一个解决方案，你需要什么。 在3.3中，他们添加了CSS变换以改善现代浏览器中的轮播性能，因此您需要覆盖一些样式。 告诉我它是否适合你。 🙂

 -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); 

我的解决方案： http ： //codepen.io/transportedman/pen/NPWRGq？editors = 110