html - モバイルのレスポンシブな右揃えを取得できません

Question

ブートストラップ コードがモバイルに縮小されないのはなぜですか?

<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/

これをモバイルに合わせて右揃えにするにはどうすればよいですか?

すべての情報をありがとう

参考までに: ブラウザ ウィンドウのサイズを変更し、Android エミュレータで [PhoneGap 経由] を実行してテストしました

Answer 1

bootstrap-responsive.cssモバイルデバイスをカバーするには、ブートストラップスタイルシートと並行してスタイルシートを含める必要があります。

bootstrap.cssスタイルシート宣言の「後」に次のものを含めるだけです。

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

デモ： http： //jsfiddle.net/nVw2V/1/