6

Web アプリケーションに Bootstrap フレームワークを使用しています。レスポンシブ デザインは、小さな画面で動作する必要があるサイトの主要部分に非常に適しています。ただし、応答性がそれほど必要ではなく (デスクトップで管理される)、邪魔になる管理セクションがあります (小さいサイズで動作するようにフォーム/テーブルを微調整する必要があります)。

特定のページのブートストラップ応答性をオフにする簡単でスケーラブルな方法はありますか?

現在、 @sizing 要素が含まれた単一のブートストラップ .css ファイルがあります。分離して、レスポンシブを必要とするページでのみレスポンシブを呼び出すことができboostrap.cssますbootstrap-responsive.css。私はそれがうまくいくと思いますが、さらに別の設定を意味します (それは CakePHP アプリです)。

理想的には、応答性をオーバーライドするクラスを本体またはメイン コンテナーに割り当てたいと考えています。<div class="container non-responsive">

もう1つ注意してください-この場合、1024px未満の応答性だけが本当に心配です. より大きな画面サイズで展開する方法は、管理セクションでうまく機能します.

4

1 に答える 1

5

別の設定でも、それらを分離する方が簡単です。Bootstrap をホームページ (カスタマイズ ページや GitHub プロジェクトではなくhttp://twitter.github.io/bootstrap/ ) からダウンロードすると、レスポンシブ スタイルが別のファイルに分割されます。

ただし、Bootstrap の各レスポンシブ スタイルよりも具体的な独自のスタイルを追加して、それらをオーバーライドすることができます。ただし、基本的には bootstrap-responsive.css のすべてを繰り返し、Bootstrap のレスポンシブ ファイルで指定されたスタイル プロパティごとに手動でオーバーライドする必要があるため、面倒になる可能性があります。

より良い方法は、bootstrap-responsive.css を編集し、メディア クエリ内の各スタイルの前に ".responsive" を付けて、レスポンシブにしたいページの body 要素に "responsive" クラスを追加することです。

お役に立てれば。

于 2013-06-12T14:40:01.120 に答える