Javascript 如何将项目分为两行显示？

我有16个项目张贴在一行4幻灯片

<div class="owl-wrapper-outer">
<div class="owl-item"></div>
<div class="owl-item"></div>
<div class="owl-item"></div>
<div class="owl-item"></div>
<div class="owl-item"></div>
<div class="owl-item"></div>
...
</div>

...

我想把它们分成两行，每行4张，问题是幻灯片一次更改4张

$（'.owl carousel'）.owlCarousel({
项目：4，
懒汉：没错，
循环：对，
差额：10，
自动播放：对，
自动播放超时：3000，
自动播放暂停：对，
});



16项，共4行，共2行。谢谢你的回答，但是同一分区中的所有图片都没有答案，因为我们使用一个foreach，一个class。为什么要创建两个不同的循环？根据什么？你已经解决了兄弟？目前我也有同样的问题。。你能告诉我怎么做吗？