반응 형 탐색 바를 만드는 방법은 무엇입니까?

Question

내 페이지 상단을 덮지 않는 위치에서 반응 형 탐색 바를 만들려면 어떻게해야합니까? 나는 thymeleaf 프레임 워크와 트위터 부트 스트랩을 사용하고 있습니다. 내가 트위터 부트 스트랩을 사용하고 있기 때문에

내 탐색 코드

<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> 

나는이 부분에 대한 많은 CSS가 없습니다.

CSS는 여기에

#logo 
{ 
display:inline-block; 
} 

내 페이지를 차단하는 이미지입니다.

Answer 1

클래스 navbar-fixed-top을 삭제하고 문제가 해결되는지 확인하십시오.