ブートストラップ クラス「mb-0」は要素のマージンにどのような影響を与えますか?

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

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

class="mb-0" について

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

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

ブートストラップは、マージンおよびパディング ユーティリティ クラスに一貫した命名規則を利用します:

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

プロパティ:

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

側面:

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

ブレークポイント:

• xs for <576px
• sm for >=576px
• md for >=768px
• lg for >=992px
• xl for >=1200px

サイズ:

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

使用例

<code class="html"><p class="mb-0">Lorem ipsum</p></code>

このコードは、段落要素に 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)

以上がブートストラップ クラス「mb-0」は要素のマージンにどのような影響を与えますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。