固定ナビゲーション バーを実装しようとしていますが、特定の画面サイズ (~width:989) の後、ナビゲーション バーが下に移動します。モバイルでも機能しません。
画像:
ナビゲーション バーは、ページの上部にとどまるのではなく、フッターに完全に固定されています。
固定ナビゲーション バーを実装しようとしていますが、特定の画面サイズ (~width:989) の後、ナビゲーション バーが下に移動します。モバイルでも機能しません。
画像:
ナビゲーション バーは、ページの上部にとどまるのではなく、フッターに完全に固定されています。
他にもいくつかの問題がありますが、主な問題は、nav-fixed-top コンテンツが現在ページの下部にあることです...つまり、次のような問題があります。
<div class="container"> content here </div>
<div class="navbar"></div>
<div class="footer"></div>
ブートストラップや jquery などを使用していないかのように、ナビゲーション バーを自然なドキュメント フローの一番上に移動します。
<div class="navbar"></div>
<div class="container"> content here </div>
<div class="footer"></div>
かなりの数のマージンなどを微調整する必要があります...そして、邪魔になる可能性のある重要事項もいくつか見られますが、その一部はトラブルシューティングの試みの一部であると推測していますこれ。上記の変更を行うと、少なくともナビゲーションバーが上部に表示されました。