javascript - 更改 Bootstrap 菜单断点

标签 javascript css twitter-bootstrap twitter-bootstrap-3 media-queries

我正在使用 bootstrap 3.2 和默认断点。 我希望导航栏在 md (< 992px) 而不是 sm (< 767px) 处折叠到移动模式,而不更改默认断点。我怎样才能做到最好?

最佳答案

您有 3 个选择:

  1. 手动编辑文件 - 一项非常费力的任务,不推荐。
  2. 访问http://getbootstrap.com/customize/ ,在那里指定您自己的断点并下载自定义版本。
  3. 使用 CSS 预处理器并在最后自定义它。自举 provide两个版本 LessSass .

请注意,对于选项 2 和 3,您要更改 @grid-float-breakpoint 变量。在您的示例中,您想将值从 @screen-sm-min 更改为 @screen-md-min

关于javascript - 更改 Bootstrap 菜单断点,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26649090/

相关文章:

javascript - Chrome 扩展 : How to get website assets/resources (CSS, 图片等)

javascript - 使用 beforeShowForm 事件填充 jqGrid 下拉列表

html - 如何格式化 HTML 表格,以便我可以在具有 rowspan=2 属性的单元格中插入额外的单元格?

javascript - 在 HTML 中重复 A4 尺寸样式

html - 如何在移动设备上自动将菜单栏更改为下拉列表?

javascript - 如何为 Angular.js 中包含的 View 定义单独的 Controller ?

java - 是否可以使用 -fx-graphic 从 JavaFX CSS 样式表上的 jar 中引用图标?

css - Bootstrap 断点...需要一些说明 ' xs sm md lg'

html - 在呈现文本框之前插入新行

javascript - IE8 不动态应用 css 显示