열기 및 닫기 후에 Twitter 부트 스트랩 반응 네비게이션이 사라짐

Question

트위터 부트 스트랩 반응 네비게이션에 문제가 있습니다. 이것을 설명하는 가장 좋은 방법은 단계적입니다.

은에 이동 : http://library.buffalo.edu/redesign/html/findlibrarymaterials/

가 768px

를 열고 오른쪽 상단에있는 버튼을 통해 탐색 아래, 그때는

지금 디자인의 크기를 조정 닫 디자인의 크기를 조정

768px 위

어떤 이유로 디자인을 크게 만든 후에 탐색이 사라집니다. 새로 고침 후에 다시 나타납니다. 이것이 내가 CSS로 한 일이라고 확신하지만, 나는 무엇을 알아낼 수 없습니다.

도움을 주시면 감사하겠습니다. 감사합니다

Answer 1

'축소'클래스가 적용될 때 navbar가 숨겨집니다. 'in'클래스가 제거 된 경우에도 마찬가지입니다. 추가 시도 (또는 해제 삭제)이 : etaps으로

.nav-collapse.collapse { 
    height: auto !important; 
    overflow: visible !important; 
} 

Answer 2

하지만 폭 < $ navbarCollapseWidth 때 규칙이 적용되지 않도록 미디어 쿼리를 사용 :

@media (min-width: $navbarCollapseWidth + 1) { 
    .nav-collapse.collapse { 
     height: auto !important; 
     overflow: visible !important; 
    } 
} 

내가 나침반과 함께하는 SCS를 사용하고 당신 Less 구문을 사용해야 할 수도 있습니다.

Answer 3

내 문제가 질문에 설명 된 것과 정확히 동일하므로 에터 르의 대답이 내 문제를 해결할 것으로 매우 희망적이었습니다. 그러나 eterps의 대답은 나에게 어떤 이유로 작용하지 못했습니다.

.nav-collapse.collapse { 
    display: block !important; 
} 

필요가 없습니다 :

나를 위해

display: none; 

, 이것은 그것을 고정 것입니다 :

크롬의 요소 검사 도구에 내 네비게이션 바 요소를 검사 한 후, 내 네비게이션 바는 다음과 같은 속성을 남겼 미디어 쿼리를 작성합니다.