小编Sop*_*opo的帖子

如何在Slick轮播项目之间添加空格

我想在两个光滑的轮播项目之间添加空间,但不希望空间有填充,因为它减少了我的元素大小(我不想那样).

在此输入图像描述

    $('.single-item').slick({
        initialSlide: 3,
        infinite: false
    });
Run Code Online (Sandbox Code Playgroud)
.slick-slider {
    margin:0 -15px;
}
.slick-slide {
    padding:10px;
    background-color:red;
    text-align:center;
    margin-right:15px;
    margin-left:15px;
}
Run Code Online (Sandbox Code Playgroud)
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet"/>
<script src="http://cdn.jsdelivr.net/jquery.slick/1.5.0/slick.min.js"></script>
<link href="http://cdn.jsdelivr.net/jquery.slick/1.5.0/slick.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<div class="container">
    <div class="row">
        <div class="col-sm-12" style="background-color:gray;">
            <div class="slider single-item" style="background:yellow">
                <div>1</div>
                <div>2</div>
                <div>3</div>
                <div>4</div>
                <div>5</div>
                <div>6</div>
            </div>
        </div>
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

不知何故,我从两边获得空间,我试图删除它.

jquery html5 jquery-plugins css3 slick.js

38
推荐指数
8
解决办法
7万
查看次数

桌面4列,平板电脑2列,移动设备1列

使用Bootstrap非常有趣且有帮助,目前我在创建以下要求时遇到问题.

"桌面上的4列,平板电脑中的2列和使用引导程序的移动中的1列"任何人都可以告诉我正确的结构

css html5 twitter-bootstrap-3

10
推荐指数
1
解决办法
3万
查看次数