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

我正在使用 Bootstrap 4 Beta 2 版本来做轮播。代码如下所示：

                <ol class="carousel-indicators">
                    <li data-target="#mycarousel" data-slide-to="0" class="active"></li>
                    <li data-target="#mycarousel" data-slide-to="1" ></li>
                    <li data-target="#mycarousel" data-slide-to="2" ></li>
                </ol>

And the carousel indicator show as lines:

有没有办法可以将指示器更改为点而不是线？我认为它是一个引导选项，但我没有找到相关文档。我需要为此编写自定义CSS吗？

是的，我认为你需要编写自定义 CSS 来将线变成点。
您只需要覆盖两个属性（width and height）并添加一个新的，border-radius, to .carousel-indicators li.
Make width and height值相等，例如：10px每个并给出一个border-radius of 100%.

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