レスポンシブ機能の無効化

Bootstrapは様々なスクリーンのサイズに自動的に適応します。ここでは、このページのように、この機能を無効化する方法について説明します。

CSSドキュメント内の、viewportを指定している<meta>タグを排除します。
例えば、width: 970px !important;のようにして、単一幅による各グリッド列の.containerのwidthを上書きします。この指定はデフォルトのBootstrapのCSSの後に来ていることを確認してください。任意でメディアクエリーやselector-fuを使用して、!importantを避けることが可能です。
ナビゲーションバーを使用している場合、全ての折りたたみと展開の挙動を削除してください。
グリッドレイアウトのために、.col-xs-*クラスを、中型(medium - md)/大型(large - lg)のものに追加、またはそれとの置き換えをしてください。心配しないでください。より小型な(extra-small - ex)端末のグリッドは、全ての解像度をスケーリングします。

IE8のためのRespond.jsは相変わらず必要になります。 (メディアクエリーはまだ存在し、その処理が必要とされるため) これはBootstrapの"モバイルサイト"のアスペクトを無効にします。

これらの手順を適用したサンプルを用意しています。このソースコードを読んで、変更されている箇所を確認してください。

このページは、ページトップのリンク先のBootstrap公式ドキュメント内のページを翻訳した内容を基に構成されています。下記の項目を確認し、必要に応じて公式のドキュメントをご確認ください。もし、誤訳などの間違いを見つけましたら、 @tomofまで教えていただければ幸いです。