Twitterファイルからの起動とWebサーバーからの起動時のブートストラップの違い

Question

新しいBootstrap 2フレームワークを使用して小さなサイトを作成しようとしました。私はそれを私のファイルブラウザでファイルをダブルクリックして静的なHTMLコードを実行し、すべてうまくいった。しかし、私がウェブホストにアップロードしたとき、それは異なって行動します。

ローカルでは、ブラウザの幅が940ピクセル未満の場合、この作業例で分かるようにメニューはコンパクトになります。http://twitter.github.com/bootstrap/examples/starter-template.htmlしかし、私がウェブホスト上の同じファイルにアクセスすると、リンクは同じままです。

私の例を小型化しようとしましたが、動作の変化がどのように起こっているかはまだ分かりません。だから、私はミニチュアの例をオンラインにして、あなたを助けてくれることを願っています。 オンラインでファイルを見ることができます：http://users.skynet.be/ingdasite/miniCase/t.html。そして、ここで抽出したファイルのzipファイルをダウンロードすることができます：http://dl.dropbox.com/u/16797591/miniCase.zip。

アップデート：私は、JavaScriptを無効にすると問題がままなので、それはあなたが応答スタイルシートが.cssのファイル拡張子で終わることを確認する必要があり

Answer 1

CSS-誤りである必要があります。

拡張子が.cssのファイルの名前を変更すると正常に機能しました。

また、あなたは次のようにスタイルタグの下に応答スタイルシートを移動することもできます。

<link href="assets/css/bootstrap.css" rel="stylesheet"> 
<style> 
    body { 
    padding-top: 60px; /* 60px to make the container go all the way to the bottom of the topbar */ 
    } 
</style> 
<link href="assets/css/bootstrap-responsive.css" rel="stylesheet"> 

これは代わりに、ブラウザの幅が940px未満である場合に、それをドロップダウンの上部にあるナビゲーションバーを維持します。

は、私がここにDropboxに修正版をアップロードした：http://db.tt/CNB8GxAm

参考：https://github.com/twitter/bootstrap/issues/1570