0

私はcssフレームワークとしてBackbone+Bootstrapを使用するWebアプリに取り組んでいます。

モバイルブラウザでBootstrapを使用して、ナビゲーションバーを上部に固定するように設定できません。Bootstrapに従って、必要なのはnavbarに「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 に答える