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

Question

On the local environment, we changed the CSS for the round indicators for the slider and it works great. When we upload, the packages get updated from GitHub and we loose our changes.

We handle that by adding our own CSS file and styling upon Bootstrap's. This works great for the components that we have an ID for. However, we're not clear on the ID of the dotty thingies that function as indicator on the slider.

How do I find their ID so I can add my own class upon the one provided by 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

You can simply add a class attribute to all of the navigation dots without overriding bootstrap's settings. The active class is added via JavaScript at the end of all existing classes anyway.