光滑滑块多行rwd

Question

嗨我的光滑滑块插件有问题。 我希望在一个中有4张幻灯片（2行，2行幻灯片） - 大小＆gt; 768px，如果我有宽度＆lt; 768px我想要一张幻灯片。我的结构如下：

    <div class="gallery-slider">
      <div class="gallery-box"></div>
      <div class="gallery-box"></div>
      <div class="gallery-box"></div>
      <div class="gallery-box"></div>
      <div class="gallery-box"></div>
      <div class="gallery-box"></div>
     </div>

我的JS代码如下：

$('.gallery-slider').slick({
    dots: true,
    infinite: false,
    speed: 300,
    rows: 2,
    slidesPerRow: 2,
    responsive: [       
        {
            breakpoint: 768,
            settings: {
              rows: 1,
              slidesPerRow: 1
            }
        },
    ]
});

为什么我的移动视图不起作用， 在这种情况下我该怎么办？