引导4

Bootstrap有广泛的响应边距和填充实用程序类。它们适用于所有断点:

xs (< 576 px), sm (> = 576 px),医学博士(> = 768 px)、lg (> = 992 px)或xl (> = 1200 px))

这些类的使用格式为:

{property}{sides}-{size}用于xs & {property}{sides}-{breakpoint}-{size}用于sm, md, lg和xl。

M -集边距

P -集填充

T字型边距顶部或填充顶部

B -设置边距底部或填充底部

L -设置左边距或左填充

R -设置右边距或右填充

X -设置padding-left和padding-right或margin-left和margin-right

Y -设置衬垫顶部和衬垫底部或边缘顶部和边缘底部

空白-在元素的所有4边设置空白或填充

0 -将空白或填充设置为0

1 -设置边距或填充为0.25 rem(如果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)

自动设置空白为自动

更多信息见Bootstrap 4.5 - Spacing

阅读更多w3schools

引导4

Bootstrap有广泛的响应边距和填充实用程序类。它们适用于所有断点:

xs (< 576 px), sm (> = 576 px),医学博士(> = 768 px)、lg (> = 992 px)或xl (> = 1200 px))

这些类的使用格式为:

{property}{sides}-{size}用于xs & {property}{sides}-{breakpoint}-{size}用于sm, md, lg和xl。

M -集边距

P -集填充

T字型边距顶部或填充顶部

B -设置边距底部或填充底部

L -设置左边距或左填充

R -设置右边距或右填充

X -设置padding-left和padding-right或margin-left和margin-right

Y -设置衬垫顶部和衬垫底部或边缘顶部和边缘底部

空白-在元素的所有4边设置空白或填充

0 -将空白或填充设置为0

1 -设置边距或填充为0.25 rem(如果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)

自动设置空白为自动

更多信息见Bootstrap 4.5 - Spacing

阅读更多w3schools

class = "字节0”

M -集边距

B -设置底部边距或填充

0 -设置0边距或填充

CSS类

.mb-0{
       margin-bottom: 0
     }

M -用于设置边距的类，如下所示:

Mt -用于设置margin-top的类 MB -用于设置margin-bottom的类 Ml -用于设置左距的类 Mr -用于设置右边距的类 Mx -用于同时设置左距和右距的类 My -用于同时设置margin-top和margin-bottom的类

其中size为margin之一:

0 - for classes that eliminate the margin by setting it to 0, like mt-0 1 - (by default) for classes that set the margin to $spacer * .25, like mt-1 2 - (by default) for classes that set the margin to $spacer * .5, like mt-2 3 - (by default) for classes that set the margin to $spacer, like mt-3 4 - (by default) for classes that set the margin to $spacer * 1.5, like mt-4 5 - (by default) for classes that set the margin to $spacer * 3, like mt-5 auto - for classes that set the margin to auto, like mx-auto

Bootstrap具有用于样式化的预定义类。 如果你熟悉CSS，你应该知道什么是填充，边距和间距等。

Mb-0 = margin-bottom:0;

好的，现在再深入一点，bootstrap有更多的边距类，包括:

mt- = margin-top
mb- = margin-bottom
ml- = margin-left
mr- = margin-right
my- = it sets margin-left and margin-right at the same time on y axes
mX- = it sets margin-bottom and margin-top at the same time on X axes

这和更多的解释在这里https://getbootstrap.com/docs/5.0/utilities/spacing/ 最好的学习方法是通过https://getbootstrap.com网站本身。它解释了很多关于它的内置类。

M -集边距

P -集填充

T字型边距顶部或填充顶部

B -设置边距底部或填充底部

L -设置左边距或左填充

R -设置右边距或右填充

X -设置padding-left和padding-right或margin-left和margin-right

Y -设置衬垫顶部和衬垫底部或边缘顶部和边缘底部

空白-在元素的所有4边设置空白或填充

0 -将空白或填充设置为0

1 -设置边距或填充为0.25 rem(如果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)

自动设置空白为自动