Collapse Bootstrap 3 Nav使用普通CSS（不是LESS或SASS）

Question

我一直在試圖弄清楚如何使用媒體查詢來摺疊引導程序3可摺疊導航而不使用LESS。我還沒有做到使用LESS與bootstrap，但我只是使用普通的CSS。看來我沒有做任何事情會觸發導航欄崩潰。我試圖在小於950px的任何東西中將其摺疊。

任何想法？我找不到任何引用常規CSS的帖子來做我所需要的。

Answer 1

您可以使用此CSS來改變導航欄的斷點..

@media (max-width: 950px) { 
    .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; 
    } 
} 

工作演示：http://bootply.com/105174