当我在移动模式下按下切换导航栏时，引导轮播会向下移动答案

【问题标题】：Bootstrap carousel moves down when in mobile mode when i press the toggle navbar当我在移动模式下按下切换导航栏时，引导轮播会向下移动
【发布时间】：2015-06-30 13:16:18
【问题描述】：

在mobile view 中，当navbar 折叠并按下toggle 时，navbar 的行为正常，但carousel 也随之向下移动。在navbar and the carousel之间还有一个70px gap，我曾经通过在carousel上添加negative margin-top来修复它，所以它会强制上升，但我该如何自然地做到这一点？

谢谢！

【问题讨论】：

代码：jsfiddle.net/#&togetherjs=yrDx3JCObJ

标签： html css twitter-bootstrap carousel

【解决方案1】：

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

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

您可以通过这样做将.navbar-default 的top 设为零或任何值：

.navbar-default {
    top: 0;
}

【讨论】：

感谢您的完美工作！

【解决方案2】：

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

如果您可以通过jsfiddle 向我们展示您的代码，那将很有帮助。

【讨论】：

有关导航栏和轮播的更多信息，请查看引导文档Navbar、Carousel
好的，我修复了间距错误，现在它是第一个也是主要的。导航栏占用更多空间问题..