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

【问题标题】：How can I change Bootstrap 5 carousel indicators into dots?如何将 Bootstrap 5 轮播指示器更改为点？
【发布时间】：2022-04-25 18:17:08
【问题描述】：

我正在为我的网站滑块使用 carousel bootstrap 5。我的问题是如何在 bootstrap 5 中更改 carousel-indicators 的形状，类似于：

我在谷歌搜索，但所有答案都在旧的引导程序中。

【问题讨论】：

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

将此属性添加到 CSS

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

【讨论】：