Question

我正在开发一个使用Backbone + Bootstrap作为css框架的webapp。

我无法在移动浏览器中使用Bootstrap将导航栏固定到顶部。根据Bootstrap，我们需要做的就是添加＆＃39; navbar-fixed-top＆＃39;导航栏中的类...但不幸的是，它在移动浏览器中不适合我，但在桌面浏览器中工作。

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'在移动设备上工作。

Answer 2

Twitter Bootstrap不支持移动设备的固定导航栏：

固定在移动设备上并非始终如一，也不是表现良好 - 即使在iOS5上也是如此。如果您愿意，您可以自由地覆盖它，但我们不会重新启用，直到支持得到改善。（@markdotto评论this issue）

navbar使用Bootstrap.js修复

2 个答案: