【发布时间】:2014-01-26 13:51:13
【问题描述】:
我想将 boostrap 3 导航栏更改为以更大的分辨率折叠(现在是 ~740 px 宽度),我想将其更改为 940 px,该怎么做?
【问题讨论】:
我想将 boostrap 3 导航栏更改为以更大的分辨率折叠(现在是 ~740 px 宽度),我想将其更改为 940 px,该怎么做?
【问题讨论】:
如果你下载了 Bootstrap 源码,你可以修改 LESS 变量(在 variables.less 中)并自己将 LESS 编译成 CSS。您要专门查找的变量是@screen-sm,默认为 768。
SO (Bootstrap 3.0 Media queries) 上的类似帖子,提到使用 Boostrap 的自定义选项进行更改,而无需下载源代码(http://getbootstrap.com/customize/#variables-basics,然后向下滚动到“媒体查询断点”),但我实际上无法更改该页面中的变量,所以我认为您需要使用源代码并自己编译为 CSS。
关于 SO 的另一个值得一读的问题讨论了一些更改这些变量的最佳实践,而不会让您的 Bootstrap 源副本太不同步以至于难以升级。这个问题专门针对 Bootstrap 2,但我认为它仍然值得一读。
Twitter Bootstrap Customization Best Practices
编辑: Bootstrap 的文档建议修改 @grid-float-breakpoint 变量。与修改 @screen-sm 相比,这将是对响应式设置更具体的更改。 Bootstrap docs
【讨论】: