我遇到了问题.
我试着做以下事情:
- .carousel-inner > .item {
- position: relative;
- display: none;
- -webkit-transition: 0.6s ease-in-out left;
- -moz-transition: 0.6s ease-in-out left;
- -o-transition: 0.6s ease-in-out left;
- transition: 0.6s ease-in-out left;
- }
- In the bootstrap.js:
- .emulateTransitionEnd(600)
但它似乎没有正常工作.动画加快了.但我使用包含文本的旋转木马标题,这些文本存在错误.它正确滑动,但随后.content-caption一直向左移动,消失,并显示在它的正常位置.
我还需要改变其他变量吗?
解决方法
访问:
http://getbootstrap.com/javascript/#carousel
在html文件的末尾添加以下内容以设置转换速度:10000(10秒)
- <script src="../../dist/js/bootstrap.min.js"></script>
- <script>
- $('.carousel').carousel({
- interval: 10000
- });
- </script>