Bootstrap是一个非常好的css/javaScript框架，尤其对于移动端的自适应和适配能力都比较强。

用Bootstrap自带的Carousel写了一个图片轮播的广告部分，用js调用后却出现了不能自动播放的问题。

查了一下，发现有不少人问Bootstrap的Carousel组件不能自动播放的问题，这里要注意几个问题：

1、首先注意的部分是data-ride="carousel"

<div id="carousel-ad" class="carousel slide" data-ride="carousel">

//设置图片轮转的时间间隔：
<div id="carousel-ad" class="carousel slide" data-ride="carousel" data-interval="2000">

2、其实还有手动初始化carousel组件的方法

$('#carousel-ad').carousel();

$(function(){
            $('#carousel-ad').carousel({
              interval: 3000,
               pause: true,
            interval: false
            });
        });