iPad 上的引导导航栏答案

【问题标题】：Bootstrap navbar on the iPadiPad 上的引导导航栏
【发布时间】：2012-04-16 21:19:24
【问题描述】：

bootstrap-responsive.css 文件非常出色地将导航栏变成了 iPad 上的下拉菜单。

我的问题是导航栏没有固定在屏幕顶部。相反，它尊重 body 标签上的 padding-top。

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

还是我做错了什么？

【问题讨论】：

【解决方案1】：

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

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

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

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案3】：

可能是没有设置边距标签，所以回退到默认值（element.style），尝试设置margin: 0;。或者可能是没有设置位置属性，添加'position: fixed; top: 0;'。

【讨论】：

【解决方案4】：

您必须包含 bootstrap.css，然后是您的 css，然后是 bootstrap-responsive.css。

【讨论】：