Bootstrap中的Carousel不会转到下两张图片

时间:2014-07-03 22:41:26

标签: html twitter-bootstrap carousel

第一个"活跃"图片有效,但接下来的两个人根本不会工作。就像当我试图通过底部的3个点或箭头去下一张照片时,没有任何反应。

继承我的代码:

    <div id = "myCarousel" class = "carousel">

        <ol class = "carousel-indicators">
            <li data-target = "#MyCarousel" data-slide-to = "0" class = "active"></li>
            <li data-target = "#MyCarousel" data-slide-to = "1"></li>
            <li data-target = "#MyCarousel" data-slide-to = "2"></li>
        </ol>

        <div class = "carousel-inner">

            <div class = "item active">
                <img src = "img/Carousel0.png" alt = "Carousel0" class = img-responsive>
            </div>

            <div class = "item">
                <img src = "img/Carousel1.png" alt = "Carousel0" class = img-responsive>
            </div>

            <div class = "item">
                <img src = "img/Carousel2.png" alt = "Carousel0" class = img-responsive>
            </div>

        </div>

        <a class = "carousel-control left" href = "#MyCarousel" data-slide = "prev">
            <span class = "icon-prev"></span>

        <a class = "carousel-control right" href = "#MyCarousel" data-slide = "next">
            <span class = "icon-next"></span>
        </a>

    </div>

0 个答案:

没有答案