bootstrap Карусель слайд не может скользить - PullRequest
Новая
       6

bootstrap Карусель слайд не может скользить

0 голосов
/ 19 апреля 2020

Я пытаюсь отработать слайд с каруселью с bootstrap, но на самом деле это не работает. даже я следую туто и дважды проверяю код на bootstrap официальном сайте. Может быть, я что-то упускаю.

вот мой код 

<div class="section py-5 bg-primary" id="carousel">
    <div class="container">
        <!--title-->
        <div class="row">
            <div class="col text-center">
                <h1 class="display-4 text-uppercase text-dark mb-0">
                    <strong>First Carousel</strong>
                </h1>
                <div class="title-underline bg-warning"></div>
                <p class="mt-2 text-capitalize text-muted">Lorem ipsum dolor sit amet.</p>
            </div>
        </div>
        <div class="row">
            <div class="col-md-8 mx-auto text-center">
                <div id="exemple" class="carousel slide" data-ride='carousel'>
                    <!--indicators-->
                    <ul class="carousel-indicators">
                        <li data-target="#exemple" data-slide-to='0' class="active"></li>
                        <li data-target="#exemple" data-slide-to='1'></li>
                        <li data-target="#exemple" data-slide-to='2'></li>
                        <li data-target="#exemple" data-slide-to='3'></li>
                    </ul>
                    <!--images-->
                    <div class="carousel-inner">
                        <div class="carousel-item active">
                            <img src="img/bcg.jpg" alt="project" class="d-block w-100">
                        </div>
                        <div class="carousel-item">
                            <img src="img/bcg.jpg" alt="project" class="d-block w-100">
                        </div>
                        <div class="carousel-item">
                            <img src="img/bcg.jpg" alt="project" class="d-block w-100">
                        </div>
                        <div class="carousel-item">
                            <img src="img/bcg.jpg" alt="project" class="d-block w-100">
                        </div>
                    </div>
                    <!--end of images-->
                </div>
            </div>
        </div>
        <!--end of title-->
    </div>
</div>
```<!--End of caroussol section-->
...