【Bootstrap】paddingとmarginを操作しよう！

paddingとmarginについて

Bootstrap公式サイトの「Documentation」ー「Utilities」ー「Spacing」ページで確認することができます。

getbootstrap.com

使い方

paddingとmarginについてはproperty、sides、sizeを組み合わせて使用します。

構文

[property][sides]-[size]

property

• m　margin
• p　padding

sides

• t　top
• b　bottom
• l　left
• r　right
• x　left とright
• y　topとbottom
• 空白　4方向すべて

size

• 0 　0
• 1　0.25rem
• 2　0.5rem
• 3　1.0rem
• 4　1.5rem
• 5　3rem
• auto