bootstrap4之轮播

<div class="container my-4">
    <h2 class="my-5">轮播滚动</h2>

    <div id="carousel" class="carousel slide">
        <div class="carousel-inner">
            <div class="carousel-item active"><img src="images/frontend/01.jpg" class="w-100" alt=""></div>
            <div class="carousel-item"><img src="images/frontend/02.jpg" class="w-100" alt=""></div>
            <div class="carousel-item"><img src="images/frontend/03.jpg" class="w-100" alt=""></div>

        </div>


        <a class="carousel-control-prev" href="#carousel" data-slide="prev">
            <span class="carousel-control-prev-icon"></span>
        </a>


        <a href="#carousel" class="carousel-control-next" data-slide="next">
            <span class="carousel-control-next-icon"></span>
        </a>
    </div>

</div>

<script>
    $('.carousel').carousel({
        interval: 600
    })
</script>