css - Slick Slider 在 open collapse bootstrap 4 上损坏

Question

我在 bootstrap 折叠中有一个旋转木马，每次我打开那个折叠时，只有一个旋转木马元素，而不是全部，它是 bootstrap 中的错误还是光滑的 slider ？

slider

$('.remember__carousel').slick({
  slidesToShow: 3,
  slidesToScroll: 1,
  prevArrow: `<button type='button' class='slick-prev pull-left'><svg class='svg svg__remember-carousel'><use xlink:href='../assets/img/svg/sprite.svg/#arrow_thick'></use></svg></button>`,
  nextArrow: "<button type='button' class='slick-next pull-right'><svg class='svg svg__remember-carousel' style='transform: scale(-1,1);'><use xlink:href='../assets/img/svg/sprite.svg/#arrow_thick'></use></svg></button>"
})

HTML

Answer 1

使用此代码 CSS

    .collapse:not(.show)  {
display: block !important;
height: 0px;
}