Results 1 to 2 of 2

Thread: Need help with Twitter Bootstrap Carousel

  1. #1
    Join Date
    Jul 2011
    Posts
    113
    Thanks
    15
    Thanked 0 Times in 0 Posts

    Default 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">&lsaquo;</a>
                <a class="carousel-control right" href="#this-carousel-id" data-slide="next">&rsaquo;</a>
            </div><!-- /.carousel -->

  2. #2
    Join Date
    Jul 2011
    Posts
    113
    Thanks
    15
    Thanked 0 Times in 0 Posts

    Default

    Went back to square one with the carousel, I imagine I didn't close a tag correctly... It should be working now.

Similar Threads

  1. Hover Menu, Show/Hide Div, Bootstrap Tab
    By chronixx in forum CSS
    Replies: 1
    Last Post: 06-15-2012, 07:34 AM
  2. Twitter!!
    By techie in forum Looking for such a script or service
    Replies: 8
    Last Post: 07-21-2010, 09:58 PM
  3. Twitter Submit Form
    By AlterPoser in forum JavaScript
    Replies: 0
    Last Post: 11-03-2009, 08:06 AM
  4. Twitter Group
    By Nile in forum The lounge
    Replies: 0
    Last Post: 01-19-2009, 12:50 AM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •