Bootstrap5间距工具类：快速调整元素距离技巧

Bootstrap5的间距工具类通过预设类名快速控制元素内边距（padding）和外边距（margin），无需复杂CSS。其命名规则为`{property}-{sides}-{size}`：`m`表示margin，`p`表示padding；方向包括t/b/s/e/x/y/all（上下左右/全方向）；大小0-5对应0rem至3rem的间距（数值越大间距越大）。 实战中，基础用法如`p-3`（默认内边距）、`pt-4`（顶部内边距）；多方向如`mx-3`（左右外边距）、`py-5`（上下内边距）；全方向用`p-4`替代四个方向类名。响应式可加断点前缀（sm/md等），如`mt-sm-3`（小屏幕顶部间距）。 注意区分margin（外部距离，影响元素位置）与padding（内部距离，撑开自身），可组合多类名，默认`$spacer`变量支持自定义间距。掌握规则后，通过类名组合即可高效调整布局，提升开发效率。