Bootstrap 4 の Class="mb-0" について

Bootstrap 4 には、mb (余白下）クラス。これらのクラスは、以下で説明するように、さまざまなビューポートの要素間隔を柔軟に設定できるようにします。

class="mb-0"

class="mb-0" について具体的には要素の下マージンをターゲットにし、それを 0 に設定します。このクラスはマージン ユーティリティ クラス カテゴリに分類され、下マージンを完全に削除するために使用されます。

ブートストラップ マージンとパディング ユーティリティ クラスの形式

Bootstrap は、マージンおよびパディング ユーティリティ クラスに一貫した命名規則を使用しています:

{property}{sides}-{size} または {property }{sides}-{breakpoint}-{size}

プロパティ:

• m (マージン用)
• p (パディング用)

サイド:

• t が上
• b が下
• l が左
• r (右)
• x (左と右)
• y (上下)

ブレークポイント:

• xs (
• sm (>=576px)
• md (>=768px)
• lg (>=992px)
• xl (>) =1200px

サイズ:

• 0 マージンまたはパディングを 0 に設定します
• 1 マージンまたはパディングを に設定します。 25rem (4px)
• 2 マージンまたはパディングを .5rem (8px)
• 3 マージンまたはパディングを 1rem (16px) に設定します
• 4 マージンまたはパディングを設定しますパディングを 1.5rem (24px)
• 5 マージンまたはパディングを 3rem (48px) に設定します
• auto マージンを auto に設定します

使用例

Lorem ipsum

このコードは、class="mb-0" を段落要素に適用します。

追加リソース

より包括的な情報については、次のリソースを参照してください:

• [Bootstrap 4.5 - Spacing ](https://getbootstrap.com/docs/4.5/utilities/spacing/)
• [w3schools: ブートストラップ マージンとパディング クラス](https://www.w3schools.com/bootstrap4/bootstrap_margin_padding.asp) )