轮播间隔没有动画

Question

我一直在关注YouTube上的2个视频以制作轮播。我认为我正确地跟随了视频，因为它可以显示并可以正常工作。问题在于图像之间没有间隔动画。我什至尝试过class="carousel slide carousel-fade"

<div id="my-slider" class="carousel slide" data-ride="carousel">

    <!--indicators dot nav -->
    <ol class="carousel-indicators">
        <li data-target="#my-slider" data-slide-to="0" class="active">

        </li>
        <li data-target="#my-slider" data-slide-to="1">

        </li>
        <li data-target="#my-slider" data-slide-to="2">

        </li>

    </ol>
    <!-- wrapper for slides-->
    <div class="carousel-inner" role="listbox">
        <div class="carousel-item active">
            <img class="d-block w-100" src="Home/Slide Inform.png" alt="First Slide" />
        </div>
        <div class="carousel-item">
            <img class="d-block w-100" src="Home/Slide Empower.png" alt="Second Slide" />
        </div>
        <div class="carousel-item">
            <img class="d-block w-100" src="Home/Slide Connect.png" alt="Third Slide" />
        </div>
    </div>
    <!-- controls or next prev buttons -->
    <a class="carousel-control-prev" href="#my-slider" role="button" data-slide="prev">
        <span class="carousel-control-prev-icon"></span>
    </a>
    <a class="carousel-control-next" href="#my-slider" role="button" data-slide="next">
        <span class="carousel-control-next-icon"></span>
    </a>
</div>