0

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

我无法在移动浏览器中使用 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>
4

2 回答 2

0

从 2012 年 12 月推出的 Bootstrap 的 v2.2.2 开始,固定导航栏确实可以使用“位置:绝对”在移动设备上工作。

于 2013-01-26T01:04:34.170 回答
-1

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

在移动设备上固定是不可能的,它的表现也不好——甚至在 iOS5 上也是如此。如果您愿意,您可以随意覆盖它,但在改进支持之前我们不会重新启用。(@markdotto 评论这个问题

于 2012-09-11T14:40:02.393 回答