JavaScript - Bootstrap のナビゲーションバーが不可解にも 20 ピクセル余分に表示されます。何が起こっているのでしょうか?

Question

{コード...}

習慣沉默 · Answer

これは、Bootstrap のナビゲーションバーの高さがデフォルトで 51 ピクセルしかなく、要素が複数行ある場合は高さが常に 51 ピクセルになるわけではないためです。

デモでは、1 つのラベルに追加のリンクがあるため、ナビゲーションバー全体が 20 ピクセル高くなります。

某草草 · Answer

フレームワークによって提供されているのでしょうか? Marign:0 またはpadding:0 は無効です

代言 · Answer

コンソールの DOM ツリーでナビゲーションバーを見つけて、要素を内側から外側に 1 つずつ削除して、問題の原因となっている要素を特定します