Карусель не работает

Question

Я только изучаю немного HTML + CSS, и сегодня я создал карусель, используя Bootstrap 4. По какой-то причине он, похоже, не работает.На самом деле он не вызывает никаких действий при нажатии кнопок, а также не переключает слайды автоматически.

Может кто-нибудь помочь мне?заранее спасибо

см. прикрепленный код:

<div class="row slider">
        <div class="col mt-3">
            <div class="carousel slide" id="slider" data-ride="carousel">
                <ol class="carousel-indicators">
                    <li data-target="#slider" data-slide-to="0" class="active"></li> 
                    <li data-target="#slider" data-slide-to="1"></li>
                </ol>

                <div class="carousel-inner">
                    <div class="carousel-item active">                                                  
                        <img  src="img/segunda.jpg" alt="Slide #1" class="d-block img-fluid">                               
                    </div>
                    <div class="carousel-item">                             
                        <img  src="img/primera.jpg" alt="Slide #2" class="d-block img-fluid">
                    </div>                          
                </div>

                <a href="#slider" class="carousel-control-prev" data-slide="prev">
                    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                    <span class="sr-only">Anterior</span>
                </a>

                <a href="#slider" class="carousel-control-next" data-slide="next">
                    <span class="carousel-control-next-icon" aria-hidden="true"></span>
                    <span class="sr-only">Siguiente</span>
                </a>                                                            
            </div>                  
        </div>

Answer 1

Вы должны включить JavaScript, например:

$('.slider').carousel({ interval: 2000 })