Ad

Twitter Bootstrap Carousel Doesn't Work On Older Browsers

Per the docs, this should be enough to run Twitter Bootstrap:

<div class="carousel">
  <div class="carousel-inner">
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
  </div>
</div>

$('.carousel').carousel()

I also included jquery.transitions plugin so I assumed it would degrade in older browsers.
Unfortunately, the slides don't move at all in Firefox 3.6. Why?

Ad

Answer

It looks like you need to add slide class to your carousel for the simple version to work:

<div class="carousel slide">

Sample carousel has it, and there is a check in the code:

if (!$.support.transition && this.$element.hasClass('slide')) {
  this.$element.trigger('slide')
  $active.removeClass('active')
  $next.addClass('active')
  this.sliding = false
  this.$element.trigger('slid')
}

Kind of strange they didn't mention it, though.

Ad
source: stackoverflow.com
Ad