Bootstrap 4 - 将轮播指示器更改为点

Question

我使用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> 

而且转盘仪表显示为线：

有没有一种方法，我可以改变指标进入点，而不是行？我会认为这是一个引导选项，但我没有找到相关的文档。我需要为此编写自定义CSS吗？

Answer 1

是的，我认为你需要编写自定义的CSS来将行变成点。
您只需要覆盖两个属性（width和height）并添加一个新的border-radius至.carousel-indicators li。
使width和height的值等于例如：各自为10px并且给出100%的border-radius。