Wordpress 在Owl转盘中保持网格结构

我使用基础6和块网格结构来显示一些PDF下载（截图）。6页，2行3列

我已经将代码连接到OWLCarousel，但是，这将所有6列放在一行中。有没有办法阻止这种情况发生？如果需要，我愿意使用另一个旋转木马脚本

这是我的代码（网站是建立在WordPress上的）：

图像将放在这里

请查看屏幕截图以了解我的要求：

---

您需要在另一个容器中设置网格的样式，并将对象的容器调用到旋转木马中

<div class="container">
    <div class="object-container">
        <ul>
            <li class="item1">
                <div class="object">
                    <div class="image-container">
                        <img src="" alt="">
                    </div>
                    <a href="">
                        button
                    </a>
                </div>
            </li>
            <li class="item2">
                <div class="object">
                    <div class="image-container">
                        <img src="" alt="">
                    </div>
                    <a href="">
                        button
                    </a>
                </div>
            </li>
            <li class="item3">
                <div class="object">
                    <div class="image-container">
                        <img src="" alt="">
                    </div>
                    <a href="">
                        button
                    </a>
                </div>
            </li>
            <li class="item4">
                <div class="object">
                    <div class="image-container">
                        <img src="" alt="">
                    </div>
                    <a href="">
                        button
                    </a>
                </div>
            </li>
            <li class="item5">
                <div class="object">
                    <div class="image-container">
                        <img src="" alt="">
                    </div>
                    <a href="">
                        button
                    </a>
                </div>
            </li>
            <li class="item6">
                <div class="object">
                    <div class="image-container">
                        <img src="" alt="">
                    </div>
                    <a href="">
                        button
                    </a>
                </div>
            </li>
        </ul>
    </div>
</div>

---

我知道您正在动态地提取数据，因此您需要以某种方式计算项目，并根据可用的项目数量（

）创建每个项目。不知道如何做到这一点，但我相信有一种方法可以使用PHP的for循环。使用数组，使用计数函数和for循环？不确定，但希望我能帮上忙：）

刚刚注意到这个问题有多老了。我对这件事还不熟悉

<div class="container">
    <div class="object-container">
        <ul>
            <li class="item1">
                <div class="object">
                    <div class="image-container">
                        <img src="" alt="">
                    </div>
                    <a href="">
                        button
                    </a>
                </div>
            </li>
            <li class="item2">
                <div class="object">
                    <div class="image-container">
                        <img src="" alt="">
                    </div>
                    <a href="">
                        button
                    </a>
                </div>
            </li>
            <li class="item3">
                <div class="object">
                    <div class="image-container">
                        <img src="" alt="">
                    </div>
                    <a href="">
                        button
                    </a>
                </div>
            </li>
            <li class="item4">
                <div class="object">
                    <div class="image-container">
                        <img src="" alt="">
                    </div>
                    <a href="">
                        button
                    </a>
                </div>
            </li>
            <li class="item5">
                <div class="object">
                    <div class="image-container">
                        <img src="" alt="">
                    </div>
                    <a href="">
                        button
                    </a>
                </div>
            </li>
            <li class="item6">
                <div class="object">
                    <div class="image-container">
                        <img src="" alt="">
                    </div>
                    <a href="">
                        button
                    </a>
                </div>
            </li>
        </ul>
    </div>
</div>