引导3导航栏折叠 - 更改特定导航栏的断点

Question

如何为特定导航栏而不是所有导航栏更改折叠的断点。

我想这个导航栏在500px的崩溃：

<ul class="navbar-collapse-500 nav navbar-nav"> 
    <li class="active"> 
     <a href="#">Link1</a> 
    </li> 
    <li> 
     <a href="#">Link2</a> 
    </li> 
    <li> 
     <a href="#">Link3</a> 
    </li> 
    <li></li> 
    </ul> 

我要添加CSS样式我的课.navbar崩溃-500这将增加对倒塌和500px的不碰为标准导航栏崩溃断点-nav类。

Answer 1

为什么不直接添加到您的CSS文件：

@media (max-width: 500px) { 
    .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; 
    } 
    .navbar-text { 
     float: none; 
     margin: 15px 0; 
    } 
    .navbar-collapse.collapse.in { 
     display: block!important; 
    } 
    .collapsing { 
     overflow: hidden!important; 
    } 
}