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。