bootstrap3 で応答性を無効にする方法-ブートストラップのチュートリアル-php.cn

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

藏色散人

リリース： 2020-11-17 18:20:50

オリジナル

2518 人が閲覧しました

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

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

# 推奨: 「

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

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

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

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

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

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

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

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

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

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