title: Slick Slider broken on open collapse bootstrap 4
body: <p>I have a carousel inside a bootstrap collapse and every time I open that collapse, there is only one carousel item, not all, its a bug in bootstrap or slick slider?</p>
  
  <p><a href="https://i.stack.imgur.com/T7Orm.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/T7Orm.jpg" alt="enter image description here"></a>
  Slider</p>
  
  <pre><code>$('.remember__carousel').slick({
    slidesToShow: 3,
    slidesToScroll: 1,
    prevArrow: `&lt;button type='button' class='slick-prev pull-left'&gt;&lt;svg class='svg svg__remember-carousel'&gt;&lt;use xlink:href='../assets/img/svg/sprite.svg/#arrow_thick'&gt;&lt;/use&gt;&lt;/svg&gt;&lt;/button&gt;`,
    nextArrow: "&lt;button type='button' class='slick-next pull-right'&gt;&lt;svg class='svg svg__remember-carousel' style='transform: scale(-1,1);'&gt;&lt;use xlink:href='../assets/img/svg/sprite.svg/#arrow_thick'&gt;&lt;/use&gt;&lt;/svg&gt;&lt;/button&gt;"
  })
  </code></pre>
  
  <p>HTML</p>