iPad上的Bootstrap导航栏

Question

bootstrap-responsive.css文件可以很好地将导航栏变成iPad上的下拉菜单。

我的问题是导航栏没有固定在屏幕顶部。相反，它正在尊重身体标签上的填充顶部。

问：我是否只需将padding-top：0添加到bootstrap-responsive.css？

或者我做错了什么？

Answer 1

添加bootstrap.css后，bootstrap-responsive.css。将其添加到css文件

body {
  padding-top: 60px;
  padding-bottom: 40px;
}

@media (max-width: 979px) {
  body {
    padding-top: 0;
  }

Answer 2

您是否在所有其他样式表之后包含bootstrap-responsive.css？如果你不是，我会建议，因为我在Rails应用程序中遇到了类似的问题。

Answer 3

可能是未设置margin标记，因此回退到默认值（element.style），尝试设置margin: 0;。或者，可能是未设置position属性，添加'position: fixed; top: 0;'。

Answer 4

你必须包括bootstrap.css，然后你的css，然后是bootstrap-responsive.css。