Basic Example
Optional captions
Interval Option
The amount of time to delay between automatically cycling an item. If false, carousel will not automatically
cycle.Options can be passed via data attributes or JavaScript. For data attributes, append the option name
to data-
, as in data-bs-interval=""
.
Pause Option
If set to "hover"
, pauses the cycling of the carousel on mouseenter
and resumes
the cycling of the carousel on mouseleave
. If set to null
, hovering over the
carousel won't pause it.
Wrap Option
Whether the carousel should cycle continuously or have hard stops. [Default: true]
Keyboard Option
Whether the carousel should react to keyboard events. [Default: false]
Crossfade
Add .carousel-fade
to your carousel to animate slides with a fade transition instead of a
slide.
Dark variant
Add .carousel-dark
to the .carousel
for darker controls, indicators, and captions.