Bootstrap テンプレート unify ( http://htmlstream.com/unify/ ) に基づいて、ページの上部にスティッキー div を表示したいと思います。現在のソリューションでは div が表示されますが、ナビゲーション バーは新しい div の後ろに隠れています (オーバーラップ)。navbar と新しい div が完全に表示されるように、ページ全体を div のサイズだけ下に移動するつもりです。私のdivは次のようになります。
<div id="savebutton" class="service navbar-fixed-top" style="cursor:pointer;
border-style: groove;background-color:#e74c3c;color:white">
<span class="glyphicon glyphicon-save" style="font-size:24px;display:inline;">
<h4 class="desc" style="display:inline;">SAVE CHANGES</h4>
</span>
</div>
を使用するclass="top"
と、新しい div が正しく表示されますが、ページを下にスクロールすると明らかにスクロールしてしまいます。との組み合わせはうまくtop
いきnavbar-fixed-top
ません。
簡単に言うと、navbar の前にスティッキー div を配置するにはどうすればよいですか? クラスnavbar-fixed-top
は私のdivと重なっているようです。