@@include('_includes/_page-loader.html') @@include('_includes/_header/_header.html') @@include('_includes/_sidebar.html', { "group": "components", "link": "carousel" }) @@include('_includes/_theme-switch.html')

Carousel A slide show component for cycling through element-images or slides of text-like a carousel. Nested carousels are not supported.

@@include('_includes/_page-actions.html')

Slides only

Here's a carousel with slides only.

With controls

Adding in the previous and next controls:

With indicators

You can also add the indicators to the carousel, alongside the controls, too.

With captions

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

@@include('_includes/_footer.html')

Carousel A slide show component for cycling through element-images or slides of text-like a carousel. Nested carousels are not supported.

Slides only

Here's a carousel with slides only.

With controls

Adding in the previous and next controls:

With indicators

You can also add the indicators to the carousel, alongside the controls, too.

With captions

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

First slide label

Second slide label

Third slide label

Slides only

Here's a carousel with slides only.

With controls

Adding in the previous and next controls:

With indicators

You can also add the indicators to the carousel, alongside the controls, too.

With captions

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

First slide label

Second slide label

Third slide label

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