jQuery光滑的宽度扩展得太多了

Question

我想要使用一个简单的jQuery光滑轮播，但是在初始化时，它总是默认宽度为7888，没有明显的原因。 HTML如下：

    <div class="card-slider col-sm-4"
        ng-if="ctrl.slides.length">
            <div ng-repeat="slide in ctrl.slides"
                class="event-card">

                //displaying the information

            </div>
    </div>

当从控制台初始化它时，宽度只会突然增加，并开始弄乱DOM。我使用的代码是：

$('.card-slider').slick({
                accesibility: false,
                autoplay: true,
                autoplaySpeed: 2500,
                arrows: false,
                infinite: true
            });

有什么我想念的吗？我已经尝试过使用多个轮播（包括特定于角度和猫头鹰的ui.carousel）并且它们似乎都忽略了父级大小以及到目前为止应用于页面的所有其他样式。