【Bootstrap】余白・スペースを調整する

・余白もclassで指定する。

・以下に例を示す。

使い方

・ここではパディングを設定している。
・ptは、padding-topのこと。
・pbは、padding-bottomのこと。
・数値が大きいほど、サイズが大きくなる。


<header class="pt-3 pb-5">
  <h1>test</h1>
</header>

・マージンを設定する場合は、上記の「p」をmarginの「m」にすれば良い。



<header class="mt-3 mb-5">

  <h1>test</h1>

</header>