Почему не работает слайдер Slick в Bootstrap?

Question

[pixal]

Сам слайдер

<section id="slickSliderSection" class="py-5">
    <div class="container">
      <div class="row">
       
          <h2 class="text-center mb-4">Slick Slider</h2>
          <div class="slick-slider">
            <div><img src="https://placekitten.com/800/400" alt="Slide 1"></div>
            <div><img src="https://placekitten.com/800/401" alt="Slide 2"></div>
            <div><img src="https://placekitten.com/800/402" alt="Slide 3"></div>
            <!-- Add more slides as needed -->
          </div>
       
      </div>
    </div>
  </section>

JavaScript

$(document).ready(function(){
    $('.slick-slider').slick({
      autoplay: true,
      autoplaySpeed: 2000,
      dots: true,
      infinite: true,
      speed: 300,
      slidesToShow: 1,
      adaptiveHeight: true
    });
  });

Вся страница

Answer 1

[ThunderCat]

Бутстрап тут при чем?
1) Не вижу подключения сликслайдера.
2) криво прописаны пути до яваскриптов и стилей, соответственно нифига не работает
3) Подключен овл карусель, который тоже видимо не работает
4) В коде нет вышеописанного блока

что за папка такая - isset? Может assets?

90% вопросов без отмеченных решением, при том что ответы там вполне есть...

Comments

[pixal]

я обновил код. isset папка а не asset

[ThunderCat]

pixal, во первых пути так и остались кривыми, ни один скрипт/стиль локальный не подключается, что видно в консоли и в нетворке. Пропишите верный путь для файлов. Почитайте про относительные и абсолютные пути.
Во вторых - читайте доку слайдера - у вас не хватает файла стилей темы.

[Николай]

ThunderCat, не понимаю, зачем вы помогаете таким индивидумам :/