Carousel指标不在Bootstrap上工作

Question

我试图制作8张图像的旋转木马然而指示灯不工作也不是左右箭头。我不知道我的代码有什么问题。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>

<div id="myCarousel" class="carousel slide carousel1" data-ride="carousel">
  <ol class="carousel-indicators">
    <li data-target="#i1" data-slide-to="0" class="active"></li>
    <li data-target="#i2" data-slide-to="1"></li>
    <li data-target="#i3" data-slide-to="2"></li>
    <li data-target="#i4" data-slide-to="3"></li>
    <li data-target="#i5" data-slide-to="4"></li>
    <li data-target="#i6" data-slide-to="5"></li>
    <li data-target="#i7" data-slide-to="6"></li>
    <li data-target="#i8" data-slide-to="7"></li>
  </ol>

  <a class="left carousel-control" href="#myCarousel" data-slide="prev" role="button">
    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
  </a>
  <a class="right carousel-control" href="#myCarousel" data-slide="next" role="button">
    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
  </a>
</div>