1. ホーム
  2. css

[解決済み] Bootstrap 3でnavbar-static-topは何をするのですか?

2022-02-13 08:02:11

質問

のドキュメントによると Bootstrap 3 のナビバーの静的トップが ,

<ブロッククオート

静止トップ .navbar-static-topを追加して、ページとともにスクロールするフルワイドナビゲーションバーを作成し、.containerまたは.container-fluidを含めて、ナビバーのコンテンツを中央に配置してパッドにします。

.navbar-fixed-*クラスとは異なり、ボディのパディングを変更する必要はありません。

このメソッドは何をするのですか?上記のドキュメントを見ると、ページを下にスクロールしてもナビバーは画面上部に固定されているように見えます。しかし、それは何の .navbar-fixed-top が行うもので、私が .navbar-fixed-top を使用すると、私が述べたとおりの動作になります。

しかし .navbar-static-top とは何が違うのかわかりません。 .navbar-default . どなたか、その違いを明確にするために、また .navbar-static-top を行うのでしょうか?

どのように解決するのですか?

navbar-static-top で作成された左、右、上のボーダーを削除します。 navbar-default を使用すると、ページの最上部でより見栄えが良くなります。 navbar-default 他のページで...

navbar-static-top。 http://bootply.com/129342

一方 navbar-fixed-topposition:fixed . ページ上にビューポートより下に広がるコンテンツがある場合(ほとんどのページでそうです)には、このページでは navbar-fixed-top は上に張り付いたままになりますが navbar-static-top はスクロールしていきます。そのため navbar-fixed-top が固定されているため、ページのコンテンツに重ならないように、ボディにpadding-topを付ける必要があります...

navbar-fixed-top: http://bootply.com/129345

それぞれの例でスクロールダウンすると、トップナビゲーションバーの反応が異なることがおわかりいただけると思います。