滑块中的Bootstrap轮播箭头不起作用

Question

当我将滑块放在页面中间时箭头不起作用。但如果转盘位于上部，则它正常工作。顺便说一句，我刚刚导入了旋转木马滑块的bootstrap插件，我没有改变任何东西。

有没有人遇到这个问题？

<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" class=""></li>
  <li data-target="#carousel-example-generic" data-slide-to="2" class=""></li>
</ol>
<div class="carousel-inner">
  <div class="item active">
    <img alt="First slide" src="http://37.media.tumblr.com/tumblr_m8tay0JcfG1qa42jro1_1280.jpg">
  </div>
  <div class="item">
    <img alt="Second slide" src="http://37.media.tumblr.com/tumblr_m8tazfiVYJ1qa42jro1_1280.jpg">
  </div>
  <div class="item">
    <img alt="Third slide" src="http://38.media.tumblr.com/tumblr_m8tb2rVsD31qa42jro1_1280.jpg">
  </div>
</div>
<a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
  <span class="glyphicon glyphicon-chevron-left"></span>
</a>
<a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
  <span class="glyphicon glyphicon-chevron-right"></span>
</a>

JS：

<script src="js/jquery.min.js"></script>
<script src="js/transition.js"></script>
<script src="js/carousel.js"></script>

谢谢，