How can I change Bootstrap 5 carousel indicators into dots?

Question

I'm using carousel bootstrap 5 for my site slider.my question it is how to change shape of carousel-indicators in bootstrap 5 similar this:

i searched in google but all answers was in older bootstrap.

Answer 1

Just add this to your styles:

.carousel .carousel-indicators button {
    width: 10px;
   height: 10px;
   border-radius: 100%;
 }

Answer 2

Add this properties to CSS

.carousel-indicators [data-bs-target]{
    border-radius: 50%;
    width: 15px;
    height: 15px;
}