旋转木马不滑动（Bootstrap 3，CodePen，freecodeCamp项目1）

Question

我正在为freecodeCamp.org管道中的第一个“基本前端开发项目”建立一个基本的“致敬网站”。我想添加一个可以在页面上点击的图库，但是在遵循w3schools指南并进行了大约2个小时的研究后，我发现我的代码与其他代码之间存在差异。它可能只在CodePen编辑器中不起作用，但是当我打开到页面的直接链接时，问题仍然存在。

<!-- Carousel Images -->

<div id="myCarousel" class="carousel slide container well" data-ride="carousel">

  <!-- Slide Indicators -->

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

  <!-- Images (add alts)-->

  <div class="carousel-inner" role="listbox"> <!-- role="listbox" -->
    <div id="img1" class="item active">
      <img src="...">
    </div>

    <div id="img2" class="item">
      <img src="...">
    </div>

    <div id="img3" class="item">
      <img src="...">
    </div>

    <!-- pointers -->
    <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
      <span id="leftArrow" class="glyphicon glyphicon-chevron-left"></span>
      <span class="sr-only">Previous</span>
    </a>

    <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
      <span id="rightArrow" class="glyphicon glyphicon-chevron-right"></span>
      <span class="sr-only">Next</span>
  </a>
  </div>
</div>

CodePen链接：here

感谢!!!