Less Williams

Online

Carousel

  1. Home
  2. UI Elements
  3. Carousel
Slides Only
Here’s a carousel with slides only. Note the presence of the .d-blockand .w-100on 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 Captions
Add captions to your slides easily with the .carousel-captionelement within any .carousel-item.
Crossfade
Add .carousel-fadeto your carousel to animate slides with a fade transition instead of a slide.
Individual .carousel-item interval
Add data-interval=""to a .carousel-itemto change the amount of time to delay between automatically cycling to the next item.