부트 스트랩 탐색 모음 - navbar-fixed-top을 플로팅하는 방법은 무엇입니까?

Question

브라우저의 너비를 조정할 때 다음 메뉴를 페이지/본문으로 옮기려면 어떻게해야합니까?

http://jsfiddle.net/J7jJh/1/show/

<div class="navbar navbar-inverse navbar-fixed-top"> 
    <div class="navbar-inner"> 
    <div class="container"> 
    // ... 

고정 작품 잘 http://jsfiddle.net/WWf3x/show/하지만 상단에있는 탐색 모음을 원하지 않는 내가 마진을 사용하는 방법을 파악하거나 가져 네비게이션 바 - 고정 상단에 떠 없습니다 아래로 누른 채 몸체를 아래로 밀면서 스크롤하면서 겹치지 않도록하십시오.

Answer 1

몸체와 함께 navbar-fixed-top을 아래로 밀어내는 것이 가능할 수도 있지만 더 깨끗한 해결책은 응답 클래스를 navbar에 적용하는 것입니다. BootStrap 2.3은 그렇게하지 않기 때문입니다. 이렇게하면 나중에 또는 다른 레이아웃에서 사용하기로 결정한 경우 navbar-fixed-top을 계속 사용할 수 있습니다.

navbar-fixed-top과 navbar의 차이점을 BootStrap CSS 소스 코드에서 간략히 살펴보면 css에 추가 할 내용이 있습니다.

여기에 작동은 demo입니다. 추가 할 css 코드는 다음과 같습니다.

.navbar .container{ 
    width: 940px; 
} 

@media (min-width: 1200px) { 
    .navbar .container 
    { 
     width: 1170px; 
    } 
} 

@media (min-width: 768px) and (max-width: 979px) { 
    .navbar .container 
    { 
     width: 724px; 
    }  
}