反応的なナビゲーションバーを作成するには？

Question

ページの上部を覆わない応答可能なナビゲーションバーを作成するにはどうすればよいですか？私はthymeleafフレームワークとtwitterブートストラップを使用しています。

マイナビコード

<div th:fragment="header"> 
    <div class="navbar navbar-inverse navbar-fixed-top" style="background-color:black;"> 
    <div class="container"> 
     <div class="navbar-header"> 
     <div id="logo"><img th:src="@{/images/bg.jpg}" /></div> 
     </div> 
     <div class="navbar-collapse collapse"> 
     <ul class="nav navbar-nav"> 
      <li class="active"><a th:href="@{/}">Home</a></li> 
     </ul> 
     </div> 
    </div> 
    </div> 
</div> 

私はTwitterのブートストラップを使用していますので、私はこの部分のために多くのCSSを持っていません。

のCss

#logo 
{ 
display:inline-block; 
} 

ここに私のページをブロックしている画像です。

Answer 1

クラスnavbar-fixed-topを取り出して問題が解決するかどうかを確認してください。