css - Twitter Bootstrap: ガター

Question

私の理解では、ガターは列間の空白です。質問:

1. Bootstrap では、ガターは と の間のスペースであると想定してい.containerます.container-fluid。これは正しいです？
2. ガター幅は、ディスプレイ サイズに基づいて 20px から 30px の間のようです。コンテナ間のスペースを必要としないデザインの場合はどうすればよいですか?

Answer 1

1.ガター

ガターは、 内にあるか、 内にあるかにかかわらず、 間のスペース.spanです。ただし、ガター幅は、通常のグリッドと流体グリッドの異なる設定によって定義されます (1 つは で固定され、もう 1 つは で相対的です)。.row.row-fluidpx%

レスポンシブ レイアウトを使用する場合、画面の幅に応じて追加の値が設定されます。

このドキュメントを確認してください（v3と同じ）

重要:ガター幅は、 の や の など、他のいくつかのルールで使用margin-leftさ.rowれwidthます.container。

2.ガターなし

ガター幅は LESS 変数として定義されます。ガターのないグリッドを使用する場合は、カスタマイズされたバージョンのブートストラップをダウンロードする必要があります- Grid System ( v3 と同じ) を参照してください。

variables.less私自身は、以前の変更を気にせずに Bootstrap をアップグレードできるように、LESS ファイルをダウンロードし、後でオーバーライド ファイルをインポートし、独自の変数を設定して自分でコンパイルすることを好みます。