2012-07-01 2 views
2

내 사이트에서 성공적으로 부트 스트랩을 실행 중이지만 navbar-top-fixed 기능을 사용하려고하는데 페이지가로드 될 때마다 약 20 픽셀 정도 내려갑니다. 나는 왜 진단 할 수없는 것 같습니다.트위터 부트 스트랩 navbar-fixed-top 페이지 재배치

순자산 바에 대한 나의 코드는 이것이다 :

<div class="navbar navbar-fixed-top"> 
     <div class="navbar-inner"> 
      <div class="container protected"> 
       <ul class="nav pull-right nav-pills"> 
        <li><a href="/account/login" id="customer_login_link">Login</a></li> 
        <li><a href="/cart"><i class="icon-shopping-cart icon-white"></i> View cart <span class="badge badge-warning">2</span></a></li> 
       </ul> 
      </div> 
     </div> 
    </div> 

그리고 this link에서 페이지가 제대로 페이지를로드하고, 페이지를로드 할 때 다음이 this screenshot처럼 아래로 푸시합니다.

빠른 수정을하기 전에 본 적이 있거나 아는 사람이 있습니까? lessCSS를 사용하여 페이지의 nav-bars 중 하나를 사용자 정의하고 있습니다.

답변

0

"컨테이너"div 앞에 navbar 마크 업을 이동하십시오. "컨테이너"클래스에는이 여백이 정의되어 있습니다. 당신의 응답을 http://postimage.org/image/nu5pv8tkz/

+0

감사합니다,하지만이 일을 한 후 여전히 문제가 해결되지 않습니다

는 여기를 참조하십시오. 여분의 여백 px가 방화범이없는 곳에서 오는 곳을 진단하는 방법은 무엇입니까? –

+0

나는 Chrome과 그 개발자 도구를 강력히 추천한다. 원하는 모든 코드를 입력하고 탐색하면 쉽게 푸시되는 것을 쉽게 볼 수 있습니다. – Turowicz