如何设置Bootstrap滑块中的指示器样式？

Question

在本地环境中，我们更改了滑块圆形指示器的CSS，效果很好。当我们上传时，包会从GitHub更新，我们将失去我们的更改。

我们通过在Bootstrap上添加我们自己的CSS文件和样式来处理这个问题。这适用于我们拥有ID的组件。但是，我们还不清楚在滑块上作为指标的虚拟物品的ID。

如何找到他们的ID，以便我可以在Bootstrap提供的类上添加自己的类？

<div id="myCarousel" class="carousel slide" data-ride="carousel">
  <!-- Indicators -->
  <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>
    <li data-target="#myCarousel" data-slide-to="3"></li>
  </ol>
  ...

Answer 1

您只需向所有导航点添加class属性，而无需覆盖引导程序的设置。无论如何，active类在所有现有类的末尾通过JavaScript添加。