tl;dr
Boostrapを使っていて、navbar-fixed-top
もしくはnavbar-fixed-bottom
を使うときは、
bodyにpaddingを入れる。
じゃないと他のエレメントに重なる。
ドキュメント
以下はnavbar-fixed-top
についての説明。
bootstrapのドキュメントに注意書きが書いてあった。
簡単に翻訳
Body paddingが必要です
もし<body>
のtop
にpadding
を指定していなかった場合、固定navbarは他のコンテンツに重なってしまいます。下記のスニペットを利用するか、ご自身で値を設定してください。TIP: デフォルトでは、navbarの高さは50pxです。
body { padding-top: 70px; }
これが、core Bootstrap CSSの後にインクルードされているかを確かめてください。
サンプル
試してみたものは下記。