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>

I am working on site based on this theme.
When I put Bootstrap Carousel it’s jumping on the last frame and shows nothing. I have read many tutorials and couldn’t understand what I did wrong. I following the theme instruction.

My site is here

Answer 1

In the provided URL, you have an empty p element inside .carousel-inner. Try removing that.