Bootstrap で特定の Div からガタースペースを削除するにはどうすればよいですか?

特定の div のガタースペースの削除

デフォルトの Bootstrap グリッド システムでは、列を区切る 30 ピクセルのガターを持つ 12 列のレイアウトが採用されています。 Bootstrap は行全体から余白を削除するための no-gutters クラスを提供しますが、これにより行の末尾に追加のスペースが生じる可能性があります。

特定の div のみの余白スペースを削除する必要がある場合は、次のオプションを検討してください:

ブートストラップ5

• 新しい g-* ガター クラスを利用して、特定のブレークポイントに従って応答的にガターを調整します。
• g-0 はすべてのガッターを削除します。
• g -(1-5) 間隔単位を使用して水平および垂直の溝を調整します。
• gy-*
• gx-* は水平方向のガターのみを調整します。

Bootstrap 4

• 行に対する no-gutters クラス。これにより、すべての行からガターが削除されます。列:

  <div>

• 間隔ユーティリティを使用して、個々の列のマージンとパディングを制御します:

  <div>

ブートストラップ3

• row.no-gutter クラスを利用して、余白とパディングの両方を調整して余白を削除します。

  .row.no-gutter {
  margin-left: 0;
  margin-right: 0;
  }
  
  .row.no-gutter [class*='col-']:not(:first-child),
  .row.no-gutter [class*='col-']:not(:last-child) {
  padding-right: 0;
  padding-left: 0;
  }

例 (ブートストラップ 3):

<div>

以上がBootstrap で特定の Div からガタースペースを削除するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。