1. ホーム
  2. css

[解決済み] Bootstrap 4のclass="mb-0 "とは何ですか?

2022-02-16 11:38:20

質問

最新ドキュメント が持っています。

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

Q:「mb-0」とは何ですか?

解決方法は?

Bootstrapには、レスポンシブなマージンとパディングのユーティリティクラスが豊富に用意されています。これらはすべてのブレイクポイントで機能します。

xs (<=576px) となります。 sm (>=576px) となります。 md (>=768px)です。 lg (>=992px) または xl (>=1200px)) があります。

クラスは、フォーマットで使用されます。

{property}{sides}-{size} xs &の場合。 {プロパティ}{sides}-{breakpoint}-{size}を指定します。 sm、md、lg、xlの場合。

m - 余白を設定する

p - パディングを設定します。


t - margin-topまたはpadding-topを設定します。

b - margin-bottomまたはpadding-bottomを設定します。

l - margin-leftまたはpadding-leftを設定します。

r - margin-rightまたはpadding-rightを設定します。

x - padding-left と padding-right の両方、または margin-left と margin-right の両方を設定します。

y - padding-top と padding-bottom の両方、または margin-top と margin-bottom の両方を設定します。

空白 - 要素の4辺にマージンまたはパディングを設定します。


0 - セット マージン または パディング を0にする

1 - セット マージン または パディング を.25rem(font-sizeが16pxの場合は4px)に変更します。

2 - セット マージン または パディング を.5rem(font-sizeが16pxの場合は8px)に変更します。

3 - セット マージン または パディング を1rem(font-sizeが16pxの場合は16px)に変更します。

4 - セット マージン または パディング を1.5rem(font-sizeが16pxの場合、24px)に変更します。

5 - セット マージン または パディング を3rem(font-sizeが16pxの場合は48px)に変更します。

オート - マージンをautoに設定します。

詳細はこちら Bootstrap 4.5 - スペーシング

w3schoolsでもっと読む