title: my slider doesn't work (slick & jquery 3.5.1)
body: <p>I am using bootstrap 4 and jquery 3.5.1 at the same time.
  the slider seems doesn't work at all. please help.</p>
  <pre><code>    &lt;head&gt;
          &lt;link rel=&quot;stylesheet&quot; href=&quot;css/style.css&quot;&gt;
          &lt;script src=&quot;https://code.jquery.com/jquery-3.5.1.slim.min.js&quot;&gt;&lt;/script&gt;
          &lt;link rel=&quot;stylesheet&quot; href=&quot;css/slick-theme.css&quot;&gt;
          &lt;link rel=&quot;stylesheet&quot; href=&quot;css/slick.css&quot;&gt;
      &lt;/head&gt;
      
          &lt;section class=&quot;slider-area slider&quot;&gt;
              &lt;div&gt;
                  &lt;img src=&quot;assets/index/languages/france.png&quot;&gt;
              &lt;/div&gt;
              &lt;div&gt;
                  &lt;img src=&quot;assets/index/languages/germany.png&quot;&gt;
              &lt;/div&gt;
              &lt;div&gt;
                  &lt;img src=&quot;assets/index/languages/south-korea.png&quot;&gt;
              &lt;/div&gt;
          &lt;/section&gt;
  
  &lt;script src=&quot;slick.js&quot;&gt;&lt;/script&gt;
      &lt;script&gt;
          $(&quot;.slider-area&quot;).slick({
              dots: true,
              infinite: true,
              slidesToShow: 3,
              slidesToScroll: 3
          });
      &lt;/script&gt;
  </code></pre>
  <p><img src="https://i.stack.imgur.com/4adao.png" alt="slider" /></p>