Bootstrap 5 Carousel With Indicators

Bootstrap 5 Carousel With indicators are used to create indicators in the carousel. We can click on these indicators, to change from one slide to another.

Bootstrap 5 Carousel With Indicators Classes:

• carousel-indicators: This class is used for including carousel indicators in the HTML div container.

Syntax:

<ul class="carousel-indicators">
 <li data-target="#GFG" data-slide-to="0"
 class="active">
 </li> 
 ... 
</ul>

Example 1: In this example, we will learn about carousels with indicators.

Output:

Example 2: In this example, we will add controls along with Indicators

Output:

References: https://getbootstrap.com/docs/5.0/components/carousel/#with-indicators