How to make bootstrap carousel class active and adding indicators dynamically?

Question

css

Please tell me how to make a bootstrap carousel without adding the "active" class to the first slide.
And also, how to make indicators generated dynamically and not through layout?

bootstrap indicators:

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