解析&解决BootStrap5在轮播图（carousel）中使用下拉框（dropdown）鼠标悬浮栏目元素时，下拉框突然消失的问题

因版权原因，无法放图。

事情是这样的。因为项目中的轮播图在页面顶部，并且导航栏也需要在轮播图整个元素的顶部，而.carousel盒子内的元素使用了绝对定位，内部所有元素都没有在顶部定位，所以我直接将导航栏放到.carousel类（轮播图类）的盒子下了，并给了它一个顶部定位。

同时，项目要求鼠标悬浮在导航栏的元素上时出现下拉框，于是我就使用了.dropdown类。原本该类需要点击激活，只需要添加一点CSS代码覆盖原先的即可。

/* 鼠标悬浮在元素上时出现下拉框 */
li:hover .dropdown-menu {
	display: block;
}

这个轮播图包含导航栏.nav类，左右翻页按钮.carousel-control-prev{next}，底部切换页面按钮.carousel-indicators，以及核心的图片内容