Bootstrap：传送带图像不移动

Question

嘿，我想在页面上实现传送带。但我面临的问题是只有活动图像显示在屏幕上。图像甚至没有移动，即第二个和第三个图像不显示，尽管文件夹中存在beign。 我把图像放在我的index.html文件所在的同一个文件夹中。 请帮忙。我的代码片段如下：

<!-- carousel here --> 
<div id="myCarousel" class="carousel slide"> 
    <!-- Indicators --> 
    <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> 

    <!-- Wrapper for slides --> 
    <div class="carousel-inner"> 

    <div class="item active"> 
     <img src="slide_1.jpg" alt="Sale 1" class="img-responsive"> 
     <div class="carousel-caption"> 
     <!-- caption here --> 
     </div> 
    </div> 

    <div class="item"> 
     <img src="slide_2.jpg" alt="Sale 2" class="img-responsive"> 
     <div class="carousel-caption"> 
     <!-- caption here --> 
     </div> 
    </div> 

    </div> 

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

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

</div> 
<!-- div Carousel ends here --> 

Answer 1

您在网页上发现了以下情况吗？ （'。carousel'）。carousel（{ interval：2000 }）;以及其中，

http://getbootstrap.com/javascript/#carousel-methods

Answer 2

您是否在头标中包含了以下脚本？

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> 
    <style> 
    .carousel-inner > .item > img, 
    .carousel-inner > .item > a > img { 
     width: 70%; 
     margin: auto; 
    } 
    </style>