2012-04-25 10 views
0

私のブートストラップコードがモバイルにスケールダウンされないのはなぜですか?モバイル用の応答が右揃えになりません

<div class="navbar navbar-fixed-bottom"> 
    <div class="navbar-inner"> 
     <div class="container"> 
      <form action="" class="navbar-search pull-right"> 
       <a href="#" class="btn btn-success"> 
        <i class="icon-shopping-cart icon-white"></i> Checkout 
       </a> 
      </form> 
     </div> 
    </div> 
</div>​ 

私のコンピュータでは、物理的に右にスクロールする必要があります。

コードはここに実行している参照してください:http://jsfiddle.net/nVw2V/

どのように私はモバイルにダウン揃え右にこれを得ることができますか?すべての情報FYI

ため

ありがとう:私は、ブラウザのウィンドウをリサイズし、Androidのエミュレータで[PhoneGapの経由]を実行してテストしたあなたは、ブートストラップスタイルシート内のと並行してbootstrap-responsive.cssスタイルシートを含める必要が

答えて

1

モバイルデバイスをカバーするために

http://twitter.github.com/bootstrap/assets/css/bootstrap-responsive.css

デモ:主にそれを修正することをhttp://jsfiddle.net/nVw2V/1/

+0

おかげで、[** + 1 **]、しかしそれ

ちょうどbootstrap.cssスタイルシート宣言 "の後に" 次のものがあり私はいくつかの 'border-right'を追加することができますが、それはちょっと面倒な感じです。これはどうやって解決されるのですか? –

+0

@AT何らかの理由で@Chatのスクリーンショットが表示されない場合は、imgur.comにアップロードできますか? –

+0

ええと、それは変です。まあ、ここにimgurのリンクがあります(http://i.imgur.com/kiHiC.png)。 –

関連する問題