Sliding in Bootstrap 3 Carousel doesn't work

Question

I'm new to Bootstrap and I'm trying to work on an images carousel, the issue is that there is no smooth sliding between the carousel items, so it switch from one item to another without a transition animation.

Please check the live demo here

jQuery code:

$(document).ready(function() {
    $('.carousel').carousel({
      interval: 2000
    });
});

JS files:

 <script src="js/jquery-1.9.1.js"></script>
 <script src="js/bootstrap.js"></script>
 <script src="js/custom.js"></script>

Thanks!

Answer 1

You are using 1.9.1 js file

and bootstrap is using 1.11.1

https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js

replace 1.9.1 js with 1.11.1 js

Answer 2

我认为您刚刚包含了自定义bootstrap js文件（ Carousel功能 js）...。您还必须下载Transitions js才能获得滑动效果..请参阅bootstrap自定义页面并下载Carousel功能和Transitions ..它将正常工作