css - 使用 Bootstrap.js 修复导航栏

Question

我正在开发一个使用 Backbone + Bootstrap 作为 css 框架的网络应用程序。

我无法在移动浏览器中使用 Bootstrap 将导航栏固定在顶部。根据 Bootstrap，我们需要做的就是在导航栏中添加“navbar-fixed-top”类……但不幸的是，它在移动浏览器中对我不起作用，但在桌面浏览器中起作用。

HTML

<div class="navbar navbar-fixed-top">
  <div class="navbar-inner" style="text-align:center">
    <div class="colL pull-left">
        <a href="/#back" id="back-btn" class="btns angular_btn pull-left" style="display:none"><span>Back</span></a>
        <a href="/#control_back" id="control-back-btn" class="btns angular_btn pull-left" style="display:none"><span>Back</span></a>
    </div>
    <div class="colR pull-right">
        <a class="btns pull-right" id="home" style="display: none" href="/#home" data-toggle="tab">Home</a>
        <a href="/#controls" id="controls" class="btns pull-right" data-toggle="tab">Now Playing</a>
    </div>
    <div class="colC">
        <div id="show_name"></div>
    </div>
  </div>
</div>

Answer 1

自 2012 年 12 月推出的 Bootstrap v2.2.2 起，固定导航栏在使用“position: absolute”的移动设备上工作。