Slides 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.

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 caption:

Add captions to your slides easily with the .carousel-caption element within any .carousel-item. Carousel with caption automatically has an overlay to cover the image, They can be automatically hidden on smaller viewports.


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