Bootstrapでnavbarの高さを調整する方法を解説！

Bootstrapでnavbarを作ると高さは自動的に決められます。この高さを好きに変更するにはどうすればよいかを解説します！

BootstrapのSpacingクラスを使用することで簡単にナビゲーションバーの高さを変更することができます。

Spacingはmarginやpaddingを簡単に指定できるクラスで、m-○やp-○(○の部分には1~5の数値)という書き方をします。

詳しくは以下の公式サイトを参考にしてください。

デフォルトではナビゲーションバーの余白は.p-3を使用しています。
.p-4や.p-5といったクラスを使用することでナビゲーションバーの高さを大きくすることができます。
逆に、.p-2や.p-1を使用すると高さを小さくできます。
上記のクラスは、一番上のnav要素に指定します。

以下に、サンプルコードを載せておくので、参考にしてみてください。
プレビュー画面の幅が小さいとレイアウトが正しく表示されない場合があるので、大きくして見てください。