Bootstrap 4のclass =“ mb-0”とは何ですか？

138

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

スニペットを展開

Q：mb-0とは何ですか？

— フィリップセン
ソース

1

私はあなたが何を意味するのか知っています、明らかに私の質問もすべて愚かです：/

— Richard Muthwill

6

タイミングがすべてです。この質問は2017年に頼まれた

— フィリップSENN

246

Bootstrapには、幅広いレスポンシブマージンとパディングユーティリティクラスがあります。それらはすべてのブレークポイントで機能します。

xs（<= 576px）、sm（> = 576px）、md（> = 768px）、lg（> = 992px）またはxl（> = 1200px））

クラスは次の形式で使用されます。

{プロパティ} {辺} - {サイズ} XS＆用{プロパティ} {辺} - {ブレークポイント} - {サイズ} 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-Spacingで詳細をご覧ください

w3schoolsで詳細を読む

— アカシュ・プリート
ソース

8

Bootstrap 4のクラスmb-0はmargin-bottom：0px;と同等です。いいですか？

— Akash Preet

51

これは、下マージン0（margin-bottom:0）を作成するために使用されます。新しいスペーシングユーティリティクラスの詳細については、https：//getbootstrap.com/docs/4.0/utilities/spacing/をご覧ください。

関連：Bootstrap 4で間隔ユーティリティクラスを使用するには

— ジム
ソース

4

元のドキュメントへのリンクを提供していただきありがとうございます。私はw3schoolsのようなサードパーティを経由するのではなく、ソースから直接読んだほうがいいです。

— pbarranis

8

m -このようにマージンを設定するクラスの場合：

mt -設定されたクラスの場合 margin-top
mb -設定されたクラスの場合 margin-bottom
ml -設定されたクラスの場合 margin-left
mr -設定されたクラスの場合 margin-right
mx-セットの両方のクラスのmargin-leftとmargin-right
my-セットの両方のクラスのmargin-topとmargin-bottom

サイズがマージンの1つである場合：

0 -0に設定してマージンを排除するクラスの場合 mt-0
1 -（デフォルト）マージンを$ spacer * .25に設定するクラスの場合 mt-1
2 -（デフォルト）マージンを$ spacer * .5に設定するクラス。 mt-2
3 -（デフォルト）マージンを$ spacerに設定するクラスの場合 mt-3
4 -（デフォルト）マージンを$ spacer * 1.5に設定するクラスの場合 mt-4
5 -（デフォルト）マージンを$ spacer * 3に設定するクラスの場合 mt-5
auto -マージンをautoに設定するクラスの場合、 mx-auto

— STA
ソース

-1

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-マージンを自動に設定します

— ナッケラン8797
ソース