Bootstrap 4中的class =“ mb-0”是什么?


Answers:


245

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

xs(<= 576px),sm(> = 576px),md(> = 768px),lg(> = 992px)或xl(> = 1200px))

这些类以以下格式使用:

{属性} {}双方- {}尺寸为XS&{属性} {}双方- {断点} - {}尺寸为SM,MD,LG和XL。

m-设置边距

p-设置填充


t-设置边距顶部或填充顶部

b-设置边距底边或填充边底

l-设置margin-left或padding-left

r-设置右边距或填充右边距

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)

自动 -将保证金设置为自动

Bootstrap 4.5-间距中查看更多

在w3schools中阅读更多内容


8
Bootstrap 4中的mb-0类等效于margin-bottom:0px; 听起来不错吗?
Akash Preet


8

m -对于设置边距的类,如下所示:

  • mt -对于设置的类 margin-top
  • mb -对于设置的类 margin-bottom
  • ml -对于设置的类 margin-left
  • mr -对于设置的类 margin-right
  • mx-对于同时设置margin-leftmargin-right
  • my-对于同时设置margin-topmargin-bottom

如果大小是保证金之一:

  • 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 -对于将边距设置为自动的类,例如 mx-auto

-1

m-设置边距

p-设置填充

t-设置边距顶部或填充顶部

b-设置边距底边或填充边底

l-设置margin-left或padding-left

r-设置右边距或填充右边距

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)

自动-将保证金设置为自动

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.