[slick] slider에서 margin(여백) 만드는 법

 

slick slider(슬릭 슬라이더)에서 width 1200px 슬라이더에 margin(여백) 30px 만들기

 

[html]

<div class="slick-margin">

            <div></div>

            <div></div>

            <div></div>

            <div></div>

        </div>

 

[css]

.slick-margin{

  width: 1200px;

  overflow: hidden;

  outline: 1px solid red;

}

.slick-margin .slick-list{

  margin: 0 -15px;

}

.slick-margin .slick-slide{

  height: 200px;

  margin: 0 15px;

  background: pink;

}

 

[js]

$('.slick-margin').slick({

    slidesToShow: 3,

    slidesToScroll: 1,

    arrows: false,

  });

 

 

See the Pen slick slider margin _ 슬릭 슬라이더 마진(여백) 만드는 법 by Jinsik Son (@Jinsik-Son) on CodePen.