Twitter BootstrapのレスポンシブCSSはサイズ変更されたウィンドウで動作しますが、モバイルでは動作しません。

Question

私は最新のサイトを構築するためにTwitter Bootstrapフレームワークを使用しました。モバイルデバイスで動作させるためにboostrap.responsive.cssを使用しました。しかし、それはしません。それはCSSが全く見えないようです。私がAndroidの携帯電話でそれを実行したとき、私のサイトと同じように私のサイトが表示されていました。しかし、私はPC上で私のブラウザウィンドウのサイズを変更すると、素晴らしい作品です。何が問題なの？私はブートストラップのCSSに戸惑っていません。私はalert($(window).width());走ったとき

は、それがデバイスの幅に拡張されますブートストラップの responsive docsので、レイアウトの指示通り

Answer 1

980がメタビューポート要素を含めるようにしてください戻りました。

<meta name="viewport" content="width=device-width, initial-scale=1.0"> 

Answer 2

bootstrap.cssの後にbootstrap-responsive.cssをスタイルシートの順序で呼び出す必要があります。 bootstrap.css ブートストラップ・responsive.cssすなわち