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-left
和 margin-right
my
- 对于同时设置两者的类 margin-top
和 margin-bottom
登录
请登录后再发表评论。
评论列表:
目前还没有人发表评论