ブートストラップ 2.3.2 を使用して完全なレスポンシブ Web テンプレートを作成しようとしています。ブートストラップがレスポンシブ デザインとフルイド グリッド システムの両方のシステムを提供していることは十分承知しています。これらの違いは何ですか？性能が良いのはどっち？私はいくつかの例を使用してssenました
<div class="row-fluid">
これをレスポンシブ デザイン形式でも使用できますか? 単純に使用するのとは異なりますか
<div class="row">
ありがとう
概念は似ていますが、Fluid Grid と Responsive は少し異なります。最も基本的な用語では、可変グリッドはブラウザーの幅に比例して幅を変更しますが、レスポンシブ システムは特定のピクセル間隔で幅を変更します。Fluid と Responsive を混在させることができます。たとえば、ブラウザーが中規模または大規模のサイズの場合は 3 列が必要でしたが、小さな画面では 1 列が必要で、列の間隔を比例させたい場合です。
可変グリッドは、ページの幅に関係なく、ページ内の要素が同じ割合のスペースを占有することを意味します。したがって、ページが最大化または縮小されると、要素は適切に縮小/拡大します。一方、レスポンシブ UI とは、UI のレンダリングがデバイスによって異なるという事実を指します。そのため、ページがレスポンシブ UI をサポートし、使用している場合、携帯電話、タブレット、デスクトップではレンダリングが異なります。
あなたが持っている例では、それは流動的なレイアウトの例です。したがって、ブラウザを縮小すると、それに応じてページが縮小されます。この方法では、水平および垂直スクロールを有効にしてページ全体を表示するのではなく、ページにすべての要素が表示されます。
デザインをレスポンシブにしたい場合は、.visible-xs、.visible-sm などのクラスを追加する必要があります。レスポンシブ UI のその他の例については、http://getbootstrap.com/css/#responsive-utilities を参照してください。