webdevqa.jp.net

Bootstrap 4のclass = "mb-0"とは何ですか?

最新のドキュメント には次のものがあります。

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

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

82
Phillip Senn

ブートストラップには、さまざまなレスポンシブマージンおよびパディングユーティリティクラスがあります。それらはすべてのブレークポイントに対して機能します。

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

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

{プロパティ} {外形} - {サイズ} xsの場合& {プロパティ} {外形} - {ブレークポイント} - {サイズ} の場合sm、md、lg、およびxl。

m - 余白を設定します

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


t - マージントップまたはパディングトップを設定します

b - マージンボトムまたはパディングボトムを設定します

l - 左マージンまたは左パディングを設定します

r - マージン右またはパディング右を設定します

x - 左パディングと右パディング、または左マージンと右マージンの両方を設定します。

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

blank - 要素の4辺すべてに余白または余白を設定します


0 - margin または padding を0に設定します。

1 - margin または padding を.25rem(font-sizeが16pxの場合は4px)に設定します。 )

2 - margin または padding を.5rem(font-sizeが16pxの場合は8px)に設定します。 )

3 - margin または padding を1rem(font-sizeが16pxの場合は16px)に設定します。

4 - margin または padding を1.5rem(font-sizeが16pxの場合は24px)に設定します。 )

5 - margin または padding を3remに設定します(font-sizeが16pxの場合は48px)。

auto - 余白をautoに設定します

w3schoolsでもっと読む

128
Akash Preet

これは、の下部マージン0margin-bottom:0)を作成するために使用されます。ここで新しいスペーシングユーティリティクラスの詳細を見ることができます。 https://getbootstrap.com/docs/4.0/utilities/spacing/

関連: Bootstrap 4でSpacing Utilityクラスを使用する方法

36
Zim