Bootstrap5 外边距和内边距

https://getbootstrap.com/docs/5.3/utilities/spacing/#margin-and-padding

符号

适用于从xs到xxl的所有断点的间距实用程序，在它们中没有断点缩写。这是因为这些类的应用范围是从min-width:0开始的，因此不受媒体查询的限制。然而，其余的断点确实包括一个断点缩写。

这些类的命名格式为{property}{sides}-{size}（适用于xs）和{property}{sides}-{breakpoint}-{size}（适用于sm、md、lg、xl和xxl）。

其中property是以下之一：

• m - 用于设置margin的类
• p - 用于设置padding的类

其中sides是以下之一：

• t - 用于设置margin-top或padding-top的类
• b - 用于设置margin-bottom或padding-bottom的类
• s - (start) 用于在ltr中设置margin-left或padding-left，在rtl中设置margin-right或padding-right的类
• e - (end) 用于在ltr中设置margin-right或padding-right，在rtl中设置margin-left或padding-left的类
• x - 用于设置同时-left和-right的类
• y - 用于设置同时-top和-bottom的类
• 空白 - 用于设置元素所有四边的margin或padding的类

其中size是以下之一：

• 0 - 用于通过将其设置为0来消除margin或padding的类
• 1 - （默认）用于将margin或padding设置为.25rem的类
• 2 - （默认）用于将margin或padding设置为.5rem的类
• 3 - （默认）用于将margin或padding设置为1rem的类
• 4 - （默认）用于将margin或padding设置为1.5rem的类
• 5 - （默认）用于将margin或padding设置为3rem的类
• auto - 用于将margin设置为auto的类

示例

设置上外边距

设置左右外边距

设置上下外边距

设置四周内边距

响应式：设置左右外边距

<576px时：

≥576px时：