Не работает slick слайдер, в чем я ошибся?

Question

[greenfox07]

Такая проблема, не работает slick слайдер, стили вроде правильно подключил, скрипты в конце документа, а он никак не реагирует

HTML

<link rel="stylesheet" href="slick/slick.css"/>
<link rel="stylesheet" href="slick/slick-theme.css"/>
<link rel="stylesheet" href="css/main.css"/>



<div class="center">
    <div><img class="img-fluid" src="img/slider/widgets/image_left.png" alt=""/></div>
    <div><img class="img-fluid" src="img/slider/widgets/image_center.png" alt=""/></div>
    <div><img class="img-fluid" src="img/slider/widgets/image_right.png" alt=""/></div>
</div>

<script src="slick/slick.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/main.js"></script>

JS

$('.center').slick({
    centerMode: true,
    centerPadding: '60px',
    slidesToShow: 3,
    responsive: [
      {
        breakpoint: 768,
        settings: {
          arrows: false,
          centerMode: true,
          centerPadding: '40px',
          slidesToShow: 3
        }
      },
      {
        breakpoint: 480,
        settings: {
          arrows: false,
          centerMode: true,
          centerPadding: '40px',
          slidesToShow: 1
        }
      }
    ]
  });

Comments

[Ankhena]

1. Что говорит консоль?
2. Где jquery?

[greenfox07]

jquery имеется, забыл в вопрос добавить.

консоль молчит

[greenfox07]

все, разобрался, нужно было изменить количество отображаемых слайдов.
Было
slidesToShow: 3
Сделал
slidesToShow: 1

Answer 1

[kafeuri1989]

bootstrap.min.js или jquery обьявлять выше slick.min.js