内容更改后的引导旋转木马闪烁

Question

我试图在响应页面中使用Bootstrap 4旋转木马，因此我按照https://getbootstrap.com/docs/4.0/components/carousel的示例在网页中添加了一个旋转木马，但是我已经将旋转木马--内部类高度从固定的高度更改为auto

.carousel-inner { height: auto; }

这是正常工作的，因为当浏览器窗口调整大小时，旋转木马会增长和缩小，但是每次转换后都会产生闪烁效应，因为当活动旋转木马项发生变化时，旋转木马内部的高度突然下降到0 0px，然后恢复到它应有的高度。例如，如果旋转木马的高度在显示第一个内容时为500 0px，则在过渡到下一个内容时保持500 0px的高度，但当下一个内容已经移动到正确的位置(变为活动)时，旋转木马--内部高度突然下降到0 0px，然后又返回到500 0px，从而引起一种闪烁。

有什么方法可以防止旋转木马内部高度下降到0 0px一段时间当转换结束，同时保持“响应”，使旋转木马调整大小时，浏览器的窗口？

谢谢!

Answer 1

对于那些可能面临类似问题的人，我终于发现了问题所在，这是一个在项目中两次“包括”引导JS的问题。我把旋转木马添加到Prestashop页面，不知道Prestashop已经以某种方式包含了Bootstrap，所以我再次将它包括进来，这导致了我的问题。从我的页面中删除要引导的链接解决了这个问题。