Twitter bootstrap 3 引导转盘控件不工作

我已经下载了一个引导旋转木马模板，除了旋转木马的控件外，一切都很好。我可以看到控件，但单击左控件或右控件时什么也没有发生。任何帮助都将不胜感激。以下是（我认为是）相关的代码行：

谢谢你的帮助

<!-- Carousel
================================================== -->
<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>
  <div class="carousel-inner">
    <div class="item active">
      <div class="carousel-caption">
        <h1>Bootstrap 1 Carousel Layout</h1>
          <p>Bootstrap 3 still features a 12-column grid, but many of the CSS class names have completely changed.</p>
        </div>
      </div>
    </div>
    <div class="carousel-inner">
      <div class="item">
        <div class="carousel-caption">
          <h1>Bootstrap 2 Carousel Layout</h1>
           <p>Bootstrap 3 still features a 12-column grid, but many of the CSS class names have completely changed.</p>
        </div>
      </div>
    </div>
    <div class="carousel-inner">
      <div class="item">
        <div class="carousel-caption">
          <h1>Bootstrap 3 Carousel Layout</h1>
           <p>Bootstrap 3 still features a 12-column grid, but many of the CSS class names have completely changed.</p>
        </div>
      </div>
    </div>

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

引导1转盘布局
Bootstrap3仍然有一个12列的网格，但是许多CSS类名已经完全改变了

引导2转盘布局
Bootstrap3仍然有一个12列的网格，但是许多CSS类名已经完全改变了

引导3旋转木马布局
Bootstrap3仍然有一个12列的网格，但是许多CSS类名已经完全改变了

以下是脚本引用：

<!-- script references -->
        <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
        <script src="js/bootstrap.min.js"></script>
        <script src="js/scripts.js"></script>

---

我认为您误解了文档。应该只有一个

。这是您的“项目”的包装。像这样在指示器和控件之间更改html，您将获得更大的成功：

<div class="carousel-inner">
    <div class="item active">
      <div class="carousel-caption">
        <h1>Bootstrap 1 Carousel Layout</h1>
          <p>Bootstrap 3 still features a 12-column grid, but many of the CSS class names have completely changed.</p>
        </div>
      </div>
      <div class="item">
        <div class="carousel-caption">
          <h1>Bootstrap 2 Carousel Layout</h1>
           <p>Bootstrap 3 still features a 12-column grid, but many of the CSS class names have completely changed.</p>
        </div>
      </div>
      <div class="item">
        <div class="carousel-caption">
          <h1>Bootstrap 3 Carousel Layout</h1>
           <p>Bootstrap 3 still features a 12-column grid, but many of the CSS class names have completely changed.</p>
        </div>
      </div>
    </div>

div.item {
  height: 500px;
  background-color: green;
}