Need help with Twitter Bootstrap Carousel
Please see the URL: http://dev.riverroadcreative.co
Why is the carousel collapsing at the end of the slides? How do I resolve this issue?
Here is the HTML:
HTML Code:
<!-- Carousel - consult the Twitter Bootstrap docs at
http://twitter.github.com/bootstrap/javascript.html#carousel -->
<div id="this-carousel-id" class="carousel slide"><!-- class of slide for animation -->
<div class="carousel-inner">
<div class="item active"><!-- class of active since it's the first item -->
<img src="images/doggett_slide.jpg" alt="" />
<div class="carousel-caption">
<p>Doggett Machinery - RRC teams up again with Rockit Science to brand one of the largest dealers of John Deere in the country.</p>
</div>
</div>
<div class="item">
<img src="images/btr_slide.jpg" alt="" />
<div class="carousel-caption">
<p>BTR: Fly Easy - RRC and The Day Group team up to showcase the Baton Rouge Metropolitan Airport.</p>
</div>
</div>
<div class="item">
<img src="images/ssm_slide.jpg" alt="" />
<div class="carousel-caption">
<p>Sunshine Media: RRC and Rockit Science collaborate on the "We are Local" campaign.</p>
</div>
</div>
<div class="item">
<img src="images/awake_slide.jpg" alt="" />
<div class="carousel-caption">
<p>RRC creates the main title sequence for NBC's highly anticipated new drama.</p>
</div>
<div class="item">
<img src='images/wfe_slide.jpg' alt="" />
<div class="carousel-caption">
<p>RRC designs main titles & bluray looping menu for Fox 2000 Pictures</p>
</div>
</div>
<div class="item">
<img src='images/wfe_slide.jpg' alt="" />
<div class="carousel-caption">
<p>Caption text here</p>
</div>
</div>
</div><!-- /.carousel-inner -->
<!-- Next and Previous controls below
href values must reference the id for this carousel -->
<a class="carousel-control left" href="#this-carousel-id" data-slide="prev">‹</a>
<a class="carousel-control right" href="#this-carousel-id" data-slide="next">›</a>
</div><!-- /.carousel -->
