navbarの高さに基づいてbody paddingを計算する方法は？

Question

ASP.NET MVCアプリケーションを作成すると、左上にいくつかのメニュー項目、右上に「ログイン」メニュー項目があるデフォルトのナビゲーションバーレイアウトが自動的に生成されます。

デフォルトでは、ページの内容はナビゲーションバーの背後で開始されます。多くの投稿で示唆されているように、犯人はクラスnavbar-fixed-topであり、サイト固有のCSSファイルにbodyスタイルのpadding-topスタイルを追加する必要があります。

私は適切な上部のパディングサイズを選択し、完全に動作しているようでした。

デスクトップ上のブラウザの幅を短くすると問題が発生します。ある時点で、「ログイン」メニュー項目が次の行にロールオーバーします。私が指定したパディングサイズはもはや有効ではありません。

パディングサイズをnavbarの高さに基づいて動的に設定する方法があるのだろうかと思います。または、おそらく、navbarの現在の状態に基づいて2つの異なるパディングサイズを定義する方法がありますか？うまくいけば、私は私のsite.cssファイルまたは私のマスターレイアウトファイルのいずれかのいずれかのトリックを適用することができますので、私は各ページを変更する必要はありません。よろしく。

Answer 1

これは私が同じ問題を解決するためのコードですが、もし私がそれを保っているかどうかは分かりません。