Bootstrap Carousel

  1. Home
  2. Elements
  3. Bootstrap Carousel

Slides only

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

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. They can be easily hidden on smaller viewports, as shown below, with optional display utilities. We hide them initially with .d-none and bring them back on medium-sized devices with .d-md-block.