twitter-bootstrap - コンテンツのタイトルがブートストラップ scrollspy の後ろに隠れる

Question

必要なのは、私たちについてなどのそれぞれのリンクをクリックすると、コンテンツのタイトルが表示されるはずですが、現在のところ、タイトルはナビゲーションメニューの後ろに隠れています..plsは、プロジェクトの時間が非常に少ないのを助けてくれます. #section にパディングを追加すると、適切に表示されますが、全幅の画像の後のページの上に、不要な空白が残ります。

以下はURLです

http://squaretechnologies.in/ciomatrix/index.html

Answer 1

ナビゲーションの高さに等しいセクション ID に padding-top を配置します。ホームセクションから外します。また、モバイル メニューはそれほど高くないため、モバイル メニューにアクセスするときにメディア クエリを使用して調整する必要があります。正のパディングと負のマージン (ナビゲーションの高さと同じ) を提案するものもあります。

これは、jqueryを使用してオフセットを生成する以外の、これに対する実際の修正です（特定の組み合わせによって異なります）。jQueryについては以下を参照してください。

$(document).ready(function(){
$("body").scrollspy({target: "#navigation", offset:50});
});