【margin、padding】 分別采用m與p的簡寫方式
margin間距樣式：
| .m-{0 | 1 | 2 | 3 | 4 | auto} | 定義四周間距 .m-0 等價於{margin:0 !important} .m-1 等價於{margin:0.25rem !important} .m-2 等價於{margin:0.5rem !important} .m-3 等價於{margin:1rem !important} .m-4 等價於{margin:1.5rem !important} .m-auto 等價於{margin:auto !important} |
| .mt-{0 | 1 | 2 | 3 | 4 | auto} | 表示margin-top設置 |
| .mr-{0 | 1 | 2 | 3 | 4 | auto} | 表示margin-right設置 |
| .mb-{0 | 1 | 2 | 3 | 4 | auto} | 表示margin-bottom設置 |
| .ml-{0 | 1 | 2 | 3 | 4 | auto} | 表示margin-left設置 |
| .mx-{0 | 1 | 2 | 3 | 4 | auto} | 表示margin-left與margin-right同時設置 |
| .my-{0 | 1 | 2 | 3 | 4 | auto} | 表示margin-top與margin-bottom同時設置 |
padding間距樣式：
| .p-{0 | 1 | 2 | 3 | 4 | auto} | 定義四周間距 .p-0 等價於{padding:0 !important} .p-1 等價於{padding:0.25rem !important} .p-2 等價於{padding:0.5rem !important} .p-3 等價於{padding:1rem !important} .p-4 等價於{padding:1.5rem !important} .p-auto 等價於{padding!important} |
| .pt-{0 | 1 | 2 | 3 | 4 | auto} | 表示padding-top設置 |
| .pr-{0 | 1 | 2 | 3 | 4 | auto} | 表示padding-right設置 |
| .pb-{0 | 1 | 2 | 3 | 4 | auto} | 表示padding-bottom設置 |
| .pl-{0 | 1 | 2 | 3 | 4 | auto} | 表示padding-left設置 |
| .px-{0 | 1 | 2 | 3 | 4 | auto} | 表示padding-left與padding-right同時設置 |
| .py-{0 | 1 | 2 | 3 | 4 | auto} | 表示padding-top與padding-bottom同時設置 |