カルーセルインジケーターの下に文字を表示

Question

Redbullの公式サイトにあるようなカルーセルインジケーターの下に文字を表示させるにはどうすればよいでしょうか？

コード
``` <ul class="carousel-indicators">
            <li data-target="#slides" data-slide-to="0" class="active"></li>
            <li data-target="#slides" data-slide-to="1"></li>
            <li data-target="#slides" data-slide-to="2"></li>
            <li data-target="#slides" data-slide-to="3"></li>
            <li data-target="#slides" data-slide-to="4"></li>
          </ul>

cssでliのサイズから変えようと思ったのですが反映されません。
バージョンはBootstrap4です。
よろしくお願いします。