CODEWITHSUNDEEP
javascripthtmltwitter-bootstrap
Lucky
Lucky

Reputation: 335

Bootstrap Carousel doesn't work propely

<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

Upvotes: 1

Views: 2340

Answers (2)

Gaurav
Gaurav

Reputation: 341

looks like <p> tag is giving problem... <p> tag is closing with every "img and div" tags in the end.Try to find <p> tag in your file and remove it.

Upvotes: 1

gregory
gregory

Reputation: 1140

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

Upvotes: 1

Related Questions