Bootstrap旋转木马在滑动错误时滑动高度变化答案

【问题标题】：Bootstrap carousel slides height changing when sliding bugBootstrap旋转木马在滑动错误时滑动高度变化
【发布时间】：2016-07-01 12:00:41
【问题描述】：

我的老板要求我在以下网站上工作：2tec.club

该网站是使用我不是专家的 Wordpress 构建的，我只能访问管理仪表板。

顶部的滑块有一个奇怪的错误，如您所见，每次幻灯片切换到下一张幻灯片时，该特定幻灯片会在短时间内改变其高度。这会导致内容被短暂下推，这对访问者来说非常烦人。 注意：这只发生在较大的设备上。在我的手机上看起来不错。

我曾尝试使用 Chrome 开发人员工具更改 CSS 规则，但没有成功。我一生都无法弄清楚这一点。有人可以提供他们的帮助吗？如果是这样，将不胜感激。

【问题讨论】：

【解决方案1】：

如果您从 #myCarousel 中删除 slide 类，问题就会消失。

但是，还有许多其他问题。似乎您包含两次引导程序，一次用于版本 3.3.2，一次用于版本 3.3.6。

您还提到您正在使用引导轮播，但您有一个 carousel.js 似乎是 owl-carousel。

因此，如果您使用的是引导轮播，并且您还有 owl-carousel - 可能会发生未知冲突。

如果有机会，您应该查看所有包含的文件。

【讨论】：

【解决方案2】：

您的主题是在 bootstrap.css 之前上传 style.css...所以它无法覆盖对 bootstrap..的更改。

如果您不熟悉编码，最简单的解决方案是使用更大的图像。此时您的图像尺寸为 960 X 295... 将其更改为 1200 X 368.. 点是增加图像的宽度...

让我知道它是否有效

【讨论】：