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`變量支持自定義間距。掌握規則後，通過類名組合即可高效調整佈局，提升開發效率。