css - 减少 Bootstrap 导航断点

标签 css twitter-bootstrap-3 media-queries

我使用的是最新版本的 Bootstrap,导航栏在 1320 像素处折叠成响应式 View 。

我该如何调整它,以便导航栏仅折叠到 1280 像素以下的响应式 View 中?我在 SO 上看到的所有问题都是增加断点,我想减少断点。

最佳答案

您可以为此编写特定的媒体查询,

@media (max-width: 768px) {
   .collapse {
       display: none !important;
   }
}

如果您发布代码,我会为您更新此答案。

关于css - 减少 Bootstrap 导航断点,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33396051/

相关文章:

html - 文本在调整大小时被下推并被推出其容器。为什么会这样?

javascript - Bootstrap tokenfield 和 Twitter typeahead 下拉菜单没有样式

html - 水平居中图像

twitter-bootstrap-3 - Joomla 3.2.2 中的 Bootstrap 3 工具提示消失

css - 使用媒体查询隐藏响应表中的列

css - 绝对定位,宽度由 float 的 child 决定,不会超过自己的 parent

html - 尝试在 Twitter Bootstrap 中自定义导航丸

iphone - 每次重新加载图像高度都会增加

CSS 媒体功能 "resolution"定义像素密度?

css - 如何通过媒体查询按条件导入css文件