登录 主页

bootstrap中的Class=“mb-0”是什么?

2024-06-03 03:35PM

参考:https://stackoverflow.com/a/50250902

代码: 

 <h6 class="mb-0">Top Products</h6>

解释:

Bootstrap 4中的类mb-0相当于margin-bottom: 0px;

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

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

这些类的使用格式如下:

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

m - 设置边距

p - 设置填充

t - 设置 margin-top 或 padding-top

b - 设置 margin-bottom 或 padding-bottom

l - 设置左外边距或左内边距

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 - 将 边距 填充 设置为 0.25rem(如果字体大小为 16px,则为 4px)

2 - 将 边距 填充 设置为 0.5rem(如果字体大小为 16px,则为 8px)

3 - 将 边距 填充 设置为 1rem(如果字体大小为 16px,则为 16px)

4 - 将 边距 填充 设置为 1.5rem(如果字体大小为 16px,则为 24px)

5 - 将 边距 填充 设置为 3rem(如果字体大小为 16px,则为 48px)

auto - 将边距设置为自动

查看更多 Bootstrap 4.5 - 间距

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

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

返回>>

登录

请登录后再发表评论。

评论列表:

目前还没有人发表评论