Utility

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