Bootstrap 当我在移动模式下按下切换导航栏时，旋转木马向下移动

Question

在 mobile view 中，当 navbar 折叠并且我按下 toggle 时，navbar 表现正常，但 carousel 也会移动跟着它下来。在 navbar and the carousel 之间还有一个 70px gap，我曾经通过在 carousel 上添加一个 negative margin-top 来修复它，所以它会强制上升，但我该怎么做自然？

谢谢！

Answer 1

carousel 向下移动，因为导航栏高度发生变化以占据更多屏幕。 carousel 和 navbar 之间的差距可能是因为在 <body> 标签中添加了填充，请尝试在 <body> 标签中添加 style="padding-top: 0;"。

如果你能用 jsfiddle 向我们展示你的代码，那将对我们有所帮助。

Answer 2

您可以使 .carousel 的 position 成为绝对值并调整 top 值：

.carousel {
    position: absolute;
    top: 50px;
}

您可以通过以下操作使 .navbar-default 的 top 为零或任何值：

.navbar-default {
    top: 0;
}

Bootstrap 当我在移动模式下按下切换导航栏时，旋转木马向下移动

Bootstrap carousel moves down when in mobile mode when i press the toggle navbar

html

css

carousel

twitter-bootstrap