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%;
 }