如何将 Bootstrap 5 个轮播指示器更改为点？

Question

我正在为我的网站使用轮播 bootstrap 5 slider.my 问题是如何在 bootstrap 5 中更改轮播指示器的形状，类似于：

我在 google 中进行了搜索，但所有答案都在较旧的 bootstrap 中。

Answer 1

将此属性添加到 CSS

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

Answer 2

只需将此添加到您的样式中：

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