Google Ad Slot: content-top

Bootstarp 5 Carousel

~1 min read · Bootstrap

On this page

The Carousel component in Bootstrap 5 allows you to create a slideshow for cycling through elements, such as images or text, with optional controls, indicators, and captions.

Basic Carousel:

A simple carousel with images.

Example

Try it yourself

Carousel with Indicators:

Add indicators for navigation.

Example

Try it yourself

Carousel with Captions:

Add captions to each slide using .carousel-caption.

Slide 1

Some representative placeholder content for the first slide.

Slide 2

Some representative placeholder content for the second slide.

Example

Slide 1

Some representative placeholder content for the first slide.

Slide 2

Some representative placeholder content for the second slide.

Try it yourself

Carousel with Custom Interval:

Set a custom time interval for each slide using data-bs-interval.

Example

Try it yourself

❮ Previous Next ❯

Formatter

Design

Editor

Generator

Converter

Tester

Search

Welcome Back

Create Account

Forgot Password

Bootstarp 5 Carousel

Basic Carousel:

Carousel with Indicators:

Carousel with Captions:

Slide 1

Slide 2

Slide 1

Slide 2

Carousel with Custom Interval:

Cookie Consent & Privacy Preferences