css - Bootstrap 3 轮播过渡速度

Question

我遇到了问题。

我已尝试执行以下操作:

.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 一直向左移动、消失并出现在正常位置。

我还需要更改其他变量吗？

Answer 1

访问:http://getbootstrap.com/javascript/#carousel

在您的 html 文件末尾添加以下内容以设置转换速度:10000(10 秒)

 <script src="../../dist/js/bootstrap.min.js"></script>  
 <script>
  $('.carousel').carousel({
   interval: 10000
  });
 </script>