Bootstrap carousel下一个按钮卡住从第3张到第4张幻灯片

Question

我用带有5个图像的Bootstrap制作了旋转木马，但是当我点击“下一步”按钮浏览幻灯片时，直到第三次点击它就会冻结并且永远不会进入第四张幻灯片，我会感激不尽对于任何解决方案，所以下一个按钮适用于所有幻灯片，继承我的代码 -

       <div class="container">

        <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">

        <ol class="carousel-indicators">
            <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
            <li data-target="#carousel-example-generic" data-slide-to="1"></li>
            <li data-target="#carousel-example-generic" data-slide-to="2"></li>
            <li data-target="#carousel-example-generic" data-slide-to="3"></li>
            <li data-target="#carousel-example-generic" data-slide-to="4"></li>
            <li data-target="#carousel-example-generic" data-slide-to="5"></li>
        </ol>


        <div class="carousel-inner">
            <div class="item active">
            <img src="images2/MindBodyPilatesLogo1Carousel.png" alt="logo">
        <div class="carousel-caption">
          <h3>Caption Text</h3>
      </div>
    </div>

    <div class="item">
      <img src="images2/Voucher3Carousel.png" alt="...">
      <div class="carousel-caption">
          <h3>Caption Text</h3>
      </div>
    </div>

    <div class="item">
      <img src="images2/EagleCarousel.png" alt="...">
      <div class="carousel-caption">
          <h3>Caption Text</h3>
      </div>
    </div>

     <div class="item">
      <img src="images2/RestCarousel.png" alt="...">
      <div class="carousel-caption">
          <h3>Caption Text</h3>
      </div>
    </div>

     <div class="item">
      <img src="images2/AndyPosterCarousel.png" alt="...">
      <div class="carousel-caption">
          <h3>Caption Text</h3>
      </div>
    </div>

    <div class="item">
      <img src="images/tracelarge.png" alt="...">
      <div class="carousel-caption">
          <h3>Caption Text</h3>
      </div>
    </div>  
  </div>

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

        </div>
    </div>