更改引导导航栏折叠断点[重复]

Posted

技术标签:

【中文标题】更改引导导航栏折叠断点[重复]【英文标题】:change bootstrap navbar collapse breakpoint [duplicate] 【发布时间】:2016-10-22 07:12:52 【问题描述】:

我的引导导航栏目前在 786 像素处折叠我希望它在 876 像素处折叠。我已经尝试将它添加到我的 css 文件中,但它似乎不起作用,因为没有任何变化。

@media (min-width: 876px)
   .navbar-collapse 
       display: none !important;
   

有人知道我做错了什么吗?

非常感谢!

【问题讨论】:

【参考方案1】:

    在Grid system 中设置字段@grid-float-breakpoint 的值为876

    点击页面底部的Compile and Download按钮。

    从生成的存档中提取文件 bootstrap.cssbootstrap.min.css

    使用它们代替您网站上的标准文件bootstrap.cssbootstrap.min.css

【讨论】:

以上是关于更改引导导航栏折叠断点[重复]的主要内容,如果未能解决你的问题,请参考以下文章

Bootstrap - 更改断点导航栏?

防止项目在引导程序 4 导航栏切换中折叠

引导导航栏折叠未在单击时关闭

菜单上方的引导导航栏品牌,直到调整大小并折叠

仅在引导导航栏折叠时显示链接文本

Bootstrap 4:在导航栏折叠时显示活动导航项