부트 스트랩 메뉴가 제대로 접히지 않습니다

Question

부트 스트랩을 사용하여 웹 사이트를 만들고 메뉴에 약간의 문제가 있습니다.

http://www.tempsite.co.uk/bstrp/을 보면 - 모바일 장치에서 볼 때 최상위 메뉴가 잘 나타나고 괜찮아요.

그러나 브라우저의 크기를 줄여 중단 점을 확인하려고하면 메뉴가 제대로 축소되지 않습니다.

그것은 중소 사이입니다.

아이디어가 있으십니까? 감사!

Answer 1

는 네비게이션 바는 다음과 같은 코드를 사용하여 매체 장치 (정제)에 대한 축소 할 수 있도록 그리드 시스템의 중단 점을 변경하거나 CSS를 재정 의하여이 작업을 수행 할 수 있습니다

@media (max-width: 991px) { 
    .navbar-header { 
     float: none; 
    } 
    .navbar-collapse.collapse.in { 
     display: block!important; 
    } 
    .navbar-toggle { 
     display: block; 
    } 
    .navbar-collapse { 
     border-top: 1px solid transparent; 
     box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); 
    } 
    .navbar-collapse.collapse { 
     display: none!important; 
    } 
    .navbar-nav { 
     float: none!important; 
     margin: 7.6px -16px; 
    } 
    .navbar-nav>li { 
     float: none; 
    } 
    .navbar-nav>li>a { 
     padding-top: 12px; 
     padding-bottom: 12px; 
    } 
}