Html 无法在移动/ipad浏览器上浮动twitter引导导航栏

当您向下滚动页面时，使用“navbar”和“navbar fixed top”类将导航栏浮动在页面顶部。这在移动/ipad浏览器上似乎不起作用。为什么以及如何让它们在移动浏览器上浮动。在ipad（safari、chrome）、Android（firefox）和Windows Phone（IE）上试过这个

50行文本（只是为了使页面可滚动）

我在head标签中有下面的一行，用于为移动设备启用引导响应

<meta name="viewport" content="width=device-width, initial-scale=1.0">

---

任何关于在小屏幕上不使用固定导航栏的建议，因为它在移动设备中工作不好。在

bootstrap responsive.css

中，您可以找到：

@media (max-width: 979px) {
  ...
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    position: static;
  }
  ...
}

---

尝试删除它或只是不加载

bootstrap responsive.css

样式表，并检查移动设备上会发生什么，然后您将看到这是必要的：）在我的低成本安卓手机中，固定元素在滚动期间不固定。所有可见屏幕都被遍历。滚动完成后，浏览器会重新计算固定元素的位置，导航栏会跳转到正确的位置。

我也遇到了同样的问题，我在其他框架上也做了一些研究。 由于jquerymobile可以在固定导航栏上正常工作，所以问题只能在引导端出现，事实上他们故意禁用了它（下面有更多详细信息）

基本上可以通过添加内联样式进行尝试

<div class="navbar navbar-fixed-top navbar-inverse" style="position:fixed">

我在响应css之后添加了这个

我试过各种设备。。。一款低成本的安卓平板电脑，我的高端安卓手机。 我从没试过iOS。 最令人惊讶的是，它在Android版Firefox上运行非常流畅

---

这是Bootstrap的作者在引用JQM采用的详细解决方案时回答的github上的问题之一：

此解决方案在除Windows Phone之外的所有设备上都能更好地工作。非常感谢，它很好用。在我的旧安卓HTC手机上，使用安卓2.2，元素在滚动时是固定的。如果有人正在使用Phonegap，请检查config.xml中的选项。

<div class="navbar navbar-fixed-top navbar-inverse" style="position:fixed">

/* Override Bootstrap Responsive CSS fixed navbar */
@media (max-width: 979px) {
  .navbar-fixed-top,
  .navbar-fixed-bottom {
      position: fixed;
      margin-left: 0px;
      margin-right: 0px;
  }
}