Javascript 转盘仅在代码上方显示2个元素

我想看到我所有的项目，是卡总数是6，但我 最后在循环中只看到了其中的两个请帮我解决这个问题 问题：我们在屏幕上同时看到总共3个CAD，稍后会看到 替换为第行中的其他卡

我想看到我所有的项目都是卡片总数是6，但我最后只看到循环中的2个。请帮助我解决这个问题。我们在屏幕上同时看到总共3个CAD，之后它会被其他行中的卡片替换

@介质（最大宽度：768px）{
.carousel-inner.carousel-item>div{
显示：无；
}
.carousel-inner.carousel-item>div:第一个子项{
显示：块；
}
}
.carousel-inner.carousel-item.active，
.旋转木马内部。旋转木马项目下一步，
.转盘内部.转盘项目上{
显示器：flex；
}
/*显示3*/
@介质（最小宽度：768px）{
.carousel-inner.carousel-item-right.active，
.转盘内部.下一个转盘项目{
转化：translateX（33.333%）；
}
.carousel-inner.carousel-item-left.active，
.转盘内部.转盘项目上{
转化：translateX（-33.333%）；
}
}
.传送带内部。传送带项目右侧，
.转盘内部.转盘项目左侧{
变换：translateX（0）；
}
.carnext{}
/*卡片设置*/
.卡体{
文本对齐：居中；
}
.名片名称{
利润率最高：20%；
}
.顶级图像卡{
位置：绝对位置；
前-20%；
左：38%；
}
@介质屏幕和（最大宽度：1349px）和（最小宽度：978px）{
.顶级图像卡{
位置：绝对位置；
前-20%；
左：36%；
}
}
@媒体屏幕和（最大宽度：991px）和（最小宽度：668px）{
.顶级图像卡{
位置：绝对位置；
前-20%；
左：28%；
}
}
.卡片{
边缘顶部：80px；
}
/*th

卡片标题1
一些基于卡片标题的快速示例文本，构成了卡片内容的大部分
卡片标题2
一些基于卡片标题的快速示例文本，构成了卡片内容的大部分
卡片标题3
一些基于卡片标题的快速示例文本，构成了卡片内容的大部分
卡片标题4
一些基于卡片标题的快速示例文本，构成了卡片内容的大部分
卡片标题5
一些基于卡片标题的快速示例文本，构成了卡片内容的大部分
卡片标题6
一些基于卡片标题的快速示例文本，构成了卡片内容的大部分
$（“#Recipecarsel”）.carousel({
间隔时间：1000
})
$（'.carousel.carousel项'）。每个（函数（）{
var minPerSlide=3；
var next=$（this.next（）；
如果（！next.length）{
next=$（this.sibbines（':first'）；
}
next.children（':first child'）.clone（）.appendTo（$（this））；
对于（var i=0；i