更改bootstrap导航栏折叠断点

问题描述

我的bootstrap导航栏目前崩溃在786px我想它崩溃在876px。我试过将它添加到我的css文件，但它似乎没有工作，因为没有改变。

 使用它们代替您的网站上的标准文件 bootstrap.css 和 bootstrap.min.css 。
  
 
 
My bootstrap navbar currently collapses at 786px I want it to collapse at 876px. I've tried adding this to my css file but it doesn't seem to be working since nothing changes.
@media (min-width: 876px){
   .navbar-collapse {
       display: none !important;
   }
}
Anyone knows what I am doing wrong?
Many thanks in advance!
 解决方案 
In the Grid system set the field @grid-float-breakpoint value of 876.
Click the Compile and Download button at the bottom of the page.
Extract the files bootstrap.css and  bootstrap.min.css from the resulting archive.
Use them instead of the standard files bootstrap.css and bootstrap.min.css on your site.
                        
这篇关于更改bootstrap导航栏折叠断点的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！