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

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

Answer 2

看起来<p>代码正在给出问题... <p>标记最后会关闭每个“img和div”标记。尝试在文件中找到<p>标记，去掉它。

Bootstrap Carousel无法正常工作

2 个答案: