光滑的滑块可显示堆叠的幻灯片

Question

我已经实现了平滑的滑块，并且运行良好，但是它以1条水平线显示了所有幻灯片。 例如，我有25-30张幻灯片。 目前，我已经设置了5张幻灯片一次显示。 如果将其增加到15，它会缩小幻灯片，但保持在1条水平线上。 我想要的是3行，每行包含5个项目。 意思是第一张幻灯片在3行中包含15个项目（每行5个），下一张幻灯片以相同的方式显示剩余的幻灯片。

示例 幻灯片1

投影片2

邮递区号

<div class="slick_demo_2">
    <?php
    foreach ($boardPins as $boardPin)
    {
        ?>
        <div class="file-box">
            <div class="file">
                <a href="">
                    <span class="corner"></span>
                    <div class="icon">
                        <i class="fa fa-folder " style="color: #1ab394"></i>
                    </div>
                    <div class="file-name text-center">
                                                <span class="badge badge-primary">
                                                    Text
                                                </span>
                    </div>
                </a>
            </div>
        </div>
        <?php
    }
    ?>
</div>

JS

$('.slick_demo_2').slick({
infinite: true,
slidesToShow: 3,
slidesToScroll: 1,
centerMode: false
});

Answer 1

弄清楚了。 使用Js中的行设置来创建网格设计。

rows:3