javascript - Bootstrap 轮播无法正常工作

Question

<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

Answer 1

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