javascript - Bootstrap Carousel无法正常工作

<div class="container-fluid">
  <div class="row-fluid">
<div class="span8">
<div id="myCarousel" class="carousel  slide">

  <!-- Carousel items -->
  <div class="carousel-inner">
    <div class="active item"><img src="01.jpg" alt=""></div>
    <div class="item"><img src="02.jpg" alt=""></div>
    <div class="item"><img src="03.jpg" alt=""></div>
    <div class="item"><img src="02.jpg" alt=""></div>
    <div class="item"><img src="03.jpg" alt=""></div>
  </div>

  <!-- Carousel nav -->
  <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
  <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
</div>
</div>
  </div>
</div>

我正在基于this theme的网站上工作。
当我将Bootstrap Carousel放到最后一帧时，什么也没显示。我已经阅读了许多教程，但无法理解我做错了什么。我遵循主题说明。

我的网站是here

最佳答案

在提供的URL中，p中有一个空的.carousel-inner元素。尝试删除它。

关于javascript - Bootstrap Carousel无法正常工作，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/12932791/