Bootstrap5工具类速查：margin、padding与显示隐藏技巧

Bootstrap5工具类能通过类名快速设置样式，无需写CSS，极大提升开发效率。核心介绍了margin/padding工具类和显示隐藏技巧。 margin/padding类名格式为`[属性]-[方向]-[尺寸]`，属性m（margin）或p（padding），方向t/b/l/r/x/y（x/y为复合方向），尺寸0-5（对应0.25rem-3rem）及auto（仅margin）。常用类如mt-3（上外边距1rem）、mx-3（左右边距）、mx-auto（块级元素居中）；padding类如pt-2（上内边距0.5rem）、px-3（左右内边距）。 显示隐藏技巧用`d-*`类控制display：d-none隐藏（不占空间），d-block/flex为块级/弹性显示。响应式通过断点（sm-xxl）组合：d-md-none（中等以上隐藏）、d-none d-md-block（移动端隐藏，中等以上显示）。`invisible`类使元素不可见但保留空间。 掌握这些工具类，结合语义化HTML即可高效