Javascript Bootstrap 4 carousel jQuery未按预期工作

多亏了我，我能够使我的多个项目转盘响应，并应用我的自定义样式（红色边框）

不幸的是，这破坏了负责处理自动滑动的jQuery代码

我的jQuery/JS技能还不足以解决这个问题

你能帮我吗

$（'recipecaruel'）.carousel({
间隔时间：3000
})
$（'.carousel.carousel项'）。每个（函数（）{
var next=$（this.next（）；
如果（！next.length）{
next=$（this.sibbines（':first'）；
}
next.children（':first child'）.clone（）.appendTo（$（this））；
对于（变量i=0；i<2；i++）{
next=next.next（）；
如果（！next.length）{
next=$（this.sibbines（':first'）；
}
next.children（':first child'）.clone（）.appendTo（$（this））；
}
});
.carousel-inner.carousel-item.active，
.旋转木马内部。旋转木马项目下一步，
.转盘内部.转盘项目上{
显示器：flex；
}
.carousel-inner.carousel-item-right.active，
.转盘内部.下一个转盘项目{
转化：translateX（25%）；
}
.carousel-inner.carousel-item-left.active，
.转盘内部.转盘项目上{
转化：translateX（-25%）；
}
.传送带内部。传送带项目右侧，
.转盘内部.转盘项目左侧{
变换：translateX（0）；
}
.carousel control prev，
.下一个转盘控制{
左边距：-8em；
右边距：-8em；
不透明度：1！重要；
}
#阿罗科洛尔{
颜色：#d3232e；
字号：3em；
不透明度：1！重要；
}
#彩色箭头{
颜色：#d3232e；
字号：3em；
不透明度：1！重要；
}
.圆形容器{
显示：内联块；
利润率：10px；
}
mystyle先生{
边框：1px实心#d3232e；
}
这可能会有帮助-@T.Shah谢谢你，但实际上它对我的问题不起作用。。html结构太不同了。