javascript - Bootstrap Carousel 无法正常工作

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>

我正在根据这个主题在现场工作。当我放置 Bootstrap Carousel 时，它会跳到最后一帧并且什么也没有显示。我已经阅读了很多教程并且无法理解我做错了什么。我按照主题说明进行操作。

我的网站在这里

Answer 1

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

Answer 2

看起来<p>标签出现问题...<p>标签最后以每个“img 和 div”标签结束。尝试在文件中查找<p>标签并将其删除。