margin, padding utilities
上:t(Top)
下:b(Bottom)
左:s(Start)
右:e(End)
ブレイクポイント:sm / md / lg / xl / xxl
水平方向のセンタリング:auto
| Class Name | Style | Responsive |
|---|---|---|
| m-0 | 全マージンを0 | m-{ブレイクポイント}-0 |
| m-1 | 全マージンを0.25rem | m-{ブレイクポイント}-1 |
| m-2 | 全マージンを0.5rem | m-{ブレイクポイント}-2 |
| m-3 | 全マージンを1rem | m-{ブレイクポイント}-3 |
| m-4 | 全マージンを1.5rem | m-{ブレイクポイント}-4 |
| m-5 | 全マージンを3rem | m-{ブレイクポイント}-5 |
| m-auto | 全マージンをauto | m-{ブレイクポイント}-auto |
| mt-0 | 上マージンを0 | mt-{ブレイクポイント}-0 |
| mt-1 | 上マージンを0.25rem | mt-{ブレイクポイント}-1 |
| mt-2 | 上マージンを0.5rem | mt-{ブレイクポイント}-2 |
| mt-3 | 上マージンを1rem | mt-{ブレイクポイント}-3 |
| mt-4 | 上マージンを1.5rem | mt-{ブレイクポイント}-4 |
| mt-5 | 上マージンを3rem | mt-{ブレイクポイント}-5 |
| mt-auto | 上マージンをauto | mt-{ブレイクポイント}-auto |
| me-0 | 右マージンを0 | me-{ブレイクポイント}-0 |
| me-1 | 右マージンを0.25rem | me-{ブレイクポイント}-1 |
| me-2 | 右マージンを0.5rem | me-{ブレイクポイント}-2 |
| me-3 | 右マージンを1rem | me-{ブレイクポイント}-3 |
| me-4 | 右マージンを1.5rem | me-{ブレイクポイント}-4 |
| me-5 | 右マージンを3rem | me-{ブレイクポイント}-5 |
| me-auto | 右マージンをauto | me-{ブレイクポイント}-auto |
| mb-0 | 下マージンを0 | mb-{ブレイクポイント}-0 |
| mb-1 | 下マージンを0.25rem | mb-{ブレイクポイント}-1 |
| mb-2 | 下マージンを0.5rem | mb-{ブレイクポイント}-2 |
| mb-3 | 下マージンを1rem | mb-{ブレイクポイント}-3 |
| mb-4 | 下マージンを1.5rem | mb-{ブレイクポイント}-4 |
| mb-5 | 下マージンを3rem | mb-{ブレイクポイント}-5 |
| mb-auto | 下マージンをauto | mb-{ブレイクポイント}-auto |
| ms-0 | 左マージンを0 | ms-{ブレイクポイント}-0 |
| ms-1 | 左マージンを0.25rem | ms-{ブレイクポイント}-1 |
| ms-2 | 左マージンを0.5rem | ms-{ブレイクポイント}-2 |
| ms-3 | 左マージンを1rem | ms-{ブレイクポイント}-3 |
| ms-4 | 左マージンを1.5rem | ms-{ブレイクポイント}-4 |
| ms-5 | 左マージンを3rem | ms-{ブレイクポイント}-5 |
| ms-auto | 左マージンをauto | ms-{ブレイクポイント}-auto |
| mx-0 | 左右マージンを0 | mx-{ブレイクポイント}-0 |
| mx-1 | 左右マージンを0.25rem | mx-{ブレイクポイント}-1 |
| mx-2 | 左右マージンを0.5rem | mx-{ブレイクポイント}-2 |
| mx-3 | 左右マージンを1rem | mx-{ブレイクポイント}-3 |
| mx-4 | 左右マージンを1.5rem | mx-{ブレイクポイント}-4 |
| mx-5 | 左右マージンを3rem | mx-{ブレイクポイント}-5 |
| mx-auto | 左右マージンをauto | mx-{ブレイクポイント}-auto |
| my-0 | 上下マージンを0 | my-{ブレイクポイント}-0 |
| my-1 | 上下マージンを0.25rem | my-{ブレイクポイント}-1 |
| my-2 | 上下マージンを0.5rem | my-{ブレイクポイント}-2 |
| my-3 | 上下マージンを1rem | my-{ブレイクポイント}-3 |
| my-4 | 上下マージンを1.5rem | my-{ブレイクポイント}-4 |
| my-5 | 上下マージンを3rem | my-{ブレイクポイント}-5 |
| my-auto | 上下マージンをauto | my-{ブレイクポイント}-auto |
| p-0 | 全パディングを0 | p-{ブレイクポイント}-0 |
| p-1 | 全パディングを0.25rem | p-{ブレイクポイント}-1 |
| p-2 | 全パディングを0.5rem | p-{ブレイクポイント}-2 |
| p-3 | 全パディングを1rem | p-{ブレイクポイント}-3 |
| p-4 | 全パディングを1.5rem | p-{ブレイクポイント}-4 |
| p-5 | 全パディングを3rem | p-{ブレイクポイント}-5 |
| pt-0 | 上パディングを0 | pt-{ブレイクポイント}-0 |
| pt-1 | 上パディングを0.25rem | pt-{ブレイクポイント}-1 |
| pt-2 | 上パディングを0.5rem | pt-{ブレイクポイント}-2 |
| pt-3 | 上パディングを1rem | pt-{ブレイクポイント}-3 |
| pt-4 | 上パディングを1.5rem | pt-{ブレイクポイント}-4 |
| pt-5 | 上パディングを3rem | pt-{ブレイクポイント}-5 |
| pe-0 | 右パディングを0 | pe-{ブレイクポイント}-0 |
| pe-1 | 右パディングを0.25rem | pe-{ブレイクポイント}-1 |
| pe-2 | 右パディングを0.5rem | pe-{ブレイクポイント}-2 |
| pe-3 | 右パディングを1rem | pe-{ブレイクポイント}-3 |
| pe-4 | 右パディングを1.5rem | pe-{ブレイクポイント}-4 |
| pe-5 | 右パディングを3rem | pe-{ブレイクポイント}-5 |
| pb-0 | 下パディングを0 | pb-{ブレイクポイント}-0 |
| pb-1 | 下パディングを0.25rem | pb-{ブレイクポイント}-1 |
| pb-2 | 下パディングを0.5rem | pb-{ブレイクポイント}-2 |
| pb-3 | 下パディングを1rem | pb-{ブレイクポイント}-3 |
| pb-4 | 下パディングを1.5rem | pb-{ブレイクポイント}-4 |
| pb-5 | 下パディングを3rem | pb-{ブレイクポイント}-5 |
| ps-0 | 左パディングを0 | ps-{ブレイクポイント}-0 |
| ps-1 | 左パディングを0.25rem | ps-{ブレイクポイント}-1 |
| ps-2 | 左パディングを0.5rem | ps-{ブレイクポイント}-2 |
| ps-3 | 左パディングを1rem | ps-{ブレイクポイント}-3 |
| ps-4 | 左パディングを1.5rem | ps-{ブレイクポイント}-4 |
| ps-5 | 左パディングを3rem | ps-{ブレイクポイント}-5 |
| px-0 | 左右パディングを0 | px-{ブレイクポイント}-0 |
| px-1 | 左右パディングを0.25rem | px-{ブレイクポイント}-1 |
| px-2 | 左右パディングを0.5rem | px-{ブレイクポイント}-2 |
| px-3 | 左右パディングを1rem | px-{ブレイクポイント}-3 |
| px-4 | 左右パディングを1.5rem | px-{ブレイクポイント}-4 |
| px-5 | 左右パディングを3rem | px-{ブレイクポイント}-5 |
| py-0 | 上下パディングを0 | py-{ブレイクポイント}-0 |
| py-1 | 上下パディングを0.25rem | py-{ブレイクポイント}-1 |
| py-2 | 上下パディングを0.5rem | py-{ブレイクポイント}-2 |
| py-3 | 上下パディングを1rem | py-{ブレイクポイント}-3 |
| py-4 | 上下パディングを1.5rem | py-{ブレイクポイント}-4 |
| py-5 | 上下パディングを3rem | py-{ブレイクポイント}-5 |