Twitter Twitter Bootstrap cassette does not work on older browsers

Question

This should be enough in the docs to launch 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 the jquery.transitions plugin, so I assumed that it would degrade in older browsers.
Unfortunately, slides don't move at all in Firefox 3.6. Why?

Answer 1

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

 <div class="carousel slide"> 

The carousel sample 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') } 

Oddly enough, they did not mention it.