Javascript 引导4转盘-指示灯未出现（控件和jumbotron容器工作正常）

我无法让转盘指示器显示。我想这和我在每一张“幻灯片”中使用巨型转子和容器等有关。可能是因为指示器是白色的，所以我看不到它们-在这种情况下，我如何将指示器向上移动一点或将灰色框向下移动一点，以便白色指示器位于灰色的顶部？我花了好几个小时试图修复它，但我对HMTL/CSS/JS等相当陌生，所以显然遗漏了一些东西！非常感谢你的帮助

幻灯片1
示例句子1
幻灯片2
示例句子2
幻灯片3
示例句子3

我看得很清楚。将背景颜色更改为黑色或较深的阴影以查看它们。：）

---

我看得很清楚。将背景颜色更改为黑色或较深的阴影以查看它们。：）

---

我更改了一些css以清晰地查看指标。你可以检查一下

.carousel control next图标、.carousel control prev图标{
显示：内联块；
宽度：20px；
高度：20px；
背景：无重复50%/100%100%；
背景色：#686161！重要；
边界半径：100%；
盒影：0px 0px 7px 2px 000000 A1；
背景尺寸：初始！重要；
}
旋转木马{
保证金底部：未结算；
}

幻灯片1
示例句子1
幻灯片2
示例句子2
幻灯片3
示例句子3

我更改了一些css以清晰地查看指示器。你可以检查一下

.carousel control next图标、.carousel control prev图标{
显示：内联块；
宽度：20px；
高度：20px；
背景：无重复50%/100%100%；
背景色：#686161！重要；
边界半径：100%；
盒影：0px 0px 7px 2px 000000 A1；
背景尺寸：初始！重要；
}
旋转木马{
保证金底部：未结算；
}

幻灯片1
示例句子1
幻灯片2
示例句子2
幻灯片3
示例句子3

您可以更改箭头的颜色并看到它们

.carousel控件上一个图标{
背景图像：url（“数据：图像/svg+xml，%3csvg xmlns=”http://www.w3.org/2000/svg'fill='%23000'width='8'height='8'viewBox='0 8'%3e%3cpath d='M5.25 0l-4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e'）！重要信息；
}
.carousel控件下一个图标{
背景图像：url（“数据：图像/svg+xml，%3csvg xmlns=”http://www.w3.org/2000/svg'fill='%23000'width='8'height='8'viewBox='0 8'%3e%3cpath d='M2.75 0l-1.51.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e'）！重要信息；
}

幻灯片1
示例句子1
幻灯片2
示例句子2
幻灯片3
示例句子3

您可以更改箭头的颜色并看到它们

.carousel控件上一个图标{
背景图像：url（“数据：图像/svg+xml，%3csvg xmlns=”http://www.w3.org/2000/svg'fill='%23000'width='8'height='8'viewBox='0 8'%3e%3cpath d='M5.25 0l-4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e'）！重要信息；
}
.carousel控件下一个图标{
背景图像：url（“数据：图像/svg+xml，%3csvg xmlns=”http://www.w3.org/2000/svg'fill='%23000'width='8'height='8'viewBox='0 8'%3e%3cpath d='M2.75 0l-1.51.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e'）！重要信息；
}