Javascript Carousel slick.js+；引导列宽度问题

我有这个网页

在那里我有一个黄色的纪念牌。我想有一个旋转木马的证明；但正如你在第二个黄色方块中看到的，我的宽度有问题。它应该是col-md-4的旋转木马；但它让它变得更大了

我也使用了主页上的旋转木马；安德：那里一切都很好。 （页面下方，不需要订阅时事通讯）

我已经尝试了很多html的结构；但是找不到正确的或丢失的那块

目前这是建设

        <section class="row yellow">
        <div class="border-top">
            <div class="container">
                <img src="../img/border_top.png"/>
            </div>
        </div>
        <div class="container yellow-content">
            <div class="row center-vertical">
                <div class="col-md-8 vertical-center-element vertical-centered-text">
                    <h2>Actie en avontuur</h2>
                    <p>
                        540 smith grind grind hang up launch ramp. Sponsored gnarly no comply regular footed hang-up. Quarter pipe tic-tac aerial hang ten airwalk. Deck baseplate crail grab bluntslide regular footed. Varial carve darkslide ollie hole Vans Calfornia Daze rocket air. Pivot kick-nose ollie sketchy death box Steve Rocco.
                    </p>
                </div>
                <div class="testimonial_wrapper">
                    <div class="col-md-4  vertical-center-element">
                        <div class="testimonail_container">
                            <div class="row">
                                <div class="col-md-12  bgwhite">
                                    <div class="row text-center">
                                        <div class="col-md-6 col-md-offset-3">
                                            <div class="text-center testimonial">
                                                <img class="img-circle img-responsive" src="../img/reisaanbod/testimonials/testi_canyoning.jpg" alt="">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row text-center">
                                        <div class="row-md-9">
                                                <p>Tic-tac nollie bearings Ron Allen disaster. Downhill blunt no comply Kevin Jarvis slob air. Deck Brooklyn Banks indy grab slap maxwell pop shove-it.</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4  vertical-center-element">
                        <div class="testimonail_container">
                            <div class="row">
                                <div class="col-md-12  bgwhite">
                                    <div class="row text-center">
                                        <div class="col-md-6 col-md-offset-3">
                                            <div class="text-center testimonial">
                                                <img class="img-circle img-responsive" src="../img/reisaanbod/testimonials/testi_canyoning.jpg" alt="">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row text-center">
                                        <div class="row-md-9">
                                                <p>Tic-tac nollie bearings Ron Allen disaster. Downhill blunt no comply Kevin Jarvis slob air. Deck Brooklyn Banks indy grab slap maxwell pop shove-it.</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="border-bottom">
                <div class="container">
                    <img src="../img/border_bottom.png"/>
                </div>
            </div>

    </section>

阿文图尔活动酒店

540史密斯研磨悬挂发射坡道。赞助方没有遵守规则的脚挂断。四分之一管道tic tac天线悬挂十个天线。甲板底板克雷尔抓斗平底滑道，规则脚。Varial carve darkslide ollie hole Vans Calfornia Daze火箭空气。旋转踢鼻子奥利·斯奎奇死亡禁区史蒂夫·罗科。

罗恩·艾伦的灾难。下坡钝不符合凯文·贾维斯·斯洛布的要求。甲板布鲁克林银行印地抓斗巴掌马克斯韦尔流行推它

罗恩·艾伦的灾难。下坡钝不符合凯文·贾维斯·斯洛布的要求。甲板布鲁克林银行印地抓斗巴掌马克斯韦尔流行推它

其中转盘在证明包装上初始化

        <script>
        //testimonial slider
        $('.testimonial_wrapper').slick({
          infinite: false,
          slidesToShow: 1,
          slidesToScroll: 1
        });
    </script>

//证明滑块
$（'.commential_wrapper'）。光滑({
无限：错，
幻灯片放映：1，
幻灯片滚动：1
});

谁能帮我解释一下我遗漏了什么…：-/

---

谢谢

我在bootstrap专栏中遇到了与slick类似的问题。我只是加了一些填充物

.bootstrap-column { padding: 0 35px;}

---

因为

.estimential\u wrapper

是您在上面初始化slick函数的元素，并且您只是说要用：

slidesToShow:1

显示一张幻灯片，类为

col-md-4

的幻灯片将继承

.commential\u包装

元素的整个宽度，因为您选择了

slidesToShow:1

从本质上讲，SlickJS使用javascript处理一切，这将覆盖引导CSS设置

我想提出两件事中的一件： 如果您希望滑块有一个滑块，并占用

col-md-4

列的大小，则将

col-md-4

类添加到

.commential\u包装器

元素中

或 通过在调用slick函数/初始化滑块时声明该属性，您可以一次播放3张幻灯片（模拟滑块中的

col-md-4

类）：

slidesToShow:3

---

除此之外^-如果您对滑块的响应断点感兴趣，Slick也有一种处理方法。您可以查看响应断点设置。

为滑块使用正常的

div>div

结构（无引导类），然后将

.row

s和

列

s放在其中，不要尝试使用引导来干扰滑块。。如果您需要在

.col-md-4

中包装滑块，请包装它，不要尝试将类应用于滑块本身。