Carousel Examples

Bootstrap Carousel

The .active class needs to be added to one of the slides. Otherwise, the carousel will not be visible.

Ken Burn Effect

Carousels require the use of an id on the outermost container (the .carousel) for carousel controls to function properly.

Fade Effect

Add captions to your slides easily with the .carousel-caption element within any .carousel-item.

Owl Carousel

To use Owl Carousel, you’ll need to make sure both the Owl and jQuery 1.7 or higher scripts are included.