Check out the example to create a carousel with slide only.
Check out the example to create a carousel with controls.
Check out the example to create a carousel with indicators at the bottom.
Check out the example to create a carousel with captions at the bottom.
Check out the example to create a carousel with crossfade.
The following table provides a list of all classes to create a carousel.
|.carousel||Creates a carousel (slideshow).|
|.carousel-inner||Container for slide items.|
|.carousel-item||Specifies the content of each slide.|
|.carousel-control-prev||Container for "previous" carousel/item link.|
|.carousel-control-prev-icon||Used together with .carousel-control-prev to create a "previous" icon/button (left-pointed arrow).|
|.carousel-control-next||Container for "next" carousel/item link.|
|.carousel-control-next-icon||Used together with .carousel-control-next to create a "next" icon/button (right-pointed arrow).|
|.carousel-indicators||Adds little dots/indicators at the bottom of each slide (which indicates how many slides there is in the carousel, and which slide the user are currently viewing).|
|.carousel-caption||Creates a caption text for each slide in the carousel.|
|.carousel-fade||Animate slides with a fade transition instead of a slide.|