在Bootstrap3中使用摺疊的導航欄作爲默認值

Question

是否有一種方法可以爲所有版本的站點使用導航欄的摺疊版本，無論大小如何？

已更改以下但不知道這是否是這樣做的最有效的方法：

@media (min-width: 768px) { 
    .navbar > .container .navbar-brand { 
    margin-left: -15px; 
    } 
    } 
    .navbar-toggle { 
     position: relative; 
     float: right; 
     margin-right: 15px; 
     padding: 9px 10px; 
     margin-top: 8px; 
     margin-bottom: 8px; 
     background-color: transparent; 
     background-image: none; 
     border: 1px solid transparent; 
     border-radius: 4px; 
    } 
    .navbar-toggle .icon-bar { 
     display: block; 
     width: 22px; 
     height: 2px; 
     border-radius: 1px; 
    } 
    .navbar-toggle .icon-bar + .icon-bar { 
    margin-top: 4px; 
    } 

Answer 1

是，只需將@grid-float-breakpoint減變量（住在bootstrap/less/variables.less）到荒謬的高值（例如999999999px），然後重新編譯Bootstrap。

Answer 2

CSS的覆蓋可以簡化爲這樣：

.navbar-header { 
    float: none; 
} 
.navbar-toggle { 
    display: block; 
} 
.navbar-collapse.collapse { 
    display: none!important; 
} 
.navbar-nav { 
    float: none!important; 
} 
.navbar-nav>li { 
    float: none; 
} 
.collapse.in{ 
    display:block !important; 
} 

http://www.bootply.com/nANH5ownG9