html - 更改 Bootstrap 导航栏折叠断点

标签 html css twitter-bootstrap

<分区>

我的 bootstrap 导航栏目前在 786px 时折叠,我希望它在 876px 时折叠。我试过将它添加到我的 css 文件中,但它似乎不起作用,因为没有任何变化。

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

谁知道我做错了什么?

非常感谢!

最佳答案

  1. Grid system设置字段 @grid-float-breakpoint 值为 876

  2. 点击页面底部的编译和下载按钮。

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

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

关于html - 更改 Bootstrap 导航栏折叠断点,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37932542/

上一篇:html - 如何更改 <select> 的 <optgroup> 标签的样式?

下一篇:css - 在用户停止将鼠标悬停在图像上后将图像动画到其原始位置

相关文章:

javascript - $编译 :tpload Failed to load template (HTTP status: 404) happens in one sub url only

jquery - 如何在 jquery 移动网页周围创建边框?

c# - 如何使表格行横跨最大行的宽度?

html - 2 div float 但高度相同

html - 如何将文本定位在图像的中心点上?

css - 为什么我的提交按钮位置不正确?

javascript - 我的第一张图片没有显示在我的网站幻灯片中

css - 如何使用 scss 删除 bootstrap 输入框边框?

html - Bootstrap 轮播标题上升

html - 如何更改 bootstrap 4 上的导航栏悬停颜色?