부트 스트랩 navbar에 사용자 정의 중단 점을 구현하는 방법

Question

사용자 정의 중단 점을 구현하여 1050에서 navbar를 축소하려고합니다. 내 탐색 막대가 모바일보기 및 데스크탑보기에서는 완벽하게 작동하지만 태블릿보기 메뉴 막대는 두 줄로 표시됩니다. 아래에 언급 된 코드를 구현했지만 작동하지 않습니다. 도와주세요!

enter code here 
@media (max-width: 990px) { 
    .navbar-header { 
    float: none; 
    } 
    .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.5px -15px; 
    } 
    .navbar-nav>li { 
     float: none; 
    } 
    .navbar-nav>li>a { 
     padding-top: 10px; 
     padding-bottom: 10px; 
    } 
} 

Answer 1

이

@media (max-width: 1050px) { /*Custom breakpoint*/ 
.navbar-header { 
float: none; 
} 
.navbar-toggle { 
display: inline-block; 
margin: 0; 
position:absolute; 
right:0; 
top:-10px; 
} 
.navbar-collapse.collapse.in { 
display: block!important; 
} 
.collapsing { 
overflow: hidden!important; 
} 
.navbar-collapse.collapse { 
display: none!important; 
} 
.navbar-collapse { 
margin-top: 15px; 
margin-bottom: 20px; 
} 
.navbar-nav { 
float: none!important; 
margin: 0; 
} 
.navbar-nav>li { 
float: none; 
} 
.navbar-nav>li>a { 
padding-top: 10px; 
padding-bottom: 10px; 
} 
.navbar-nav .open .dropdown-menu { 
position: static; 
float: none; 
width: auto; 
margin-top: 0; 
border: 0; 
} 
}