Carousel

A slideshow component for cycling through elements—images or slides of text—like a carousel.

Basic Carousel

Default bootstrap style.

Indicators Carousel

You can add indicators to the carousel, alongside the previous/next controls. The indicators let users jump directly to a particular slide.

Captions Carousel

You can add captions to your slides with the `.carousel-caption` element within any `.carousel-item`.

First slide label

Some representative placeholder content for the first slide.

Second slide label

Some representative placeholder content for the second slide.

Third slide label

Some representative placeholder content for the third slide.

Crossfade Carousel

Add `.carousel-fade` to your carousel to animate slides with a fade transition instead of a slide.

Autoplaying Carousel

You can make your carousels autoplay on page load by setting the `ride` option to `carousel`.

Slide Only

Here’s a carousel with slides only. Note the presence of the `.d-block` and `.w-100` on carousel images to prevent browser default image alignment.