bootstrap3 で応答性を無効にする方法

Bootstrap3 では、レスポンシブな設定方法が禁止されています: 1. ブラウザーのビューポートを設定するタグ "" を削除します。 2. ".container" クラスの幅の値を設定して、フレームのデフォルトの幅をオーバーライドします。 ; 3. すべてのナビゲーション バーの折りたたみおよび展開動作を削除します。

# 推奨: 「

ブートストラップ チュートリアル」

#レスポンシブ レイアウトを無効にする

#Bootstrap は、さまざまな画面サイズに合わせてページを自動的に調整し、あらゆるサイズの画面で適切に動作するようにします。この非応答レイアウトのサンプル ページのように、この機能を無効にする方法を以下に示します。

レスポンシブ レイアウトを無効にするには、いくつかの手順があります:

この CSS ドキュメント タグで言及されているブラウザ ビューポート (ビューポート) の設定を削除します:

.container クラスの幅値 ( width: 970px ! important; など) を設定して、フレームのデフォルトの幅設定をオーバーライドします。これらの設定がすべて、デフォルトのブートストラップ CSS ファイルの後に配置されていることを確認してください。 ! important をメディア クエリに含める場合は、省略することもできることに注意してください。

ナビゲーション バーを使用している場合は、すべてのナビゲーション バーの折りたたみと展開の動作を削除する必要があります。

グリッド レイアウトの場合は、.col-xs-* クラスを追加するか、.col-md-* と .col-lg-* を置き換えます。心配しないでください。超小型画面デバイス用のグリッド システムはすべての解像度に拡張できます。

IE8 の場合、追加の Respond.js ファイルを導入する必要があります (ブラウザーのメディア クエリ (メディア クエリ) サポートが引き続き使用されるため、処理を行う必要があります)。これにより、モバイル デバイスに対する Bootstrap の応答性サポートが無効になります。

以上がbootstrap3 で応答性を無効にする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。