【问题标题】:Bootstrap 3 Navbar Collapse in Bigger resolutionBootstrap 3 导航栏以更大的分辨率折叠
【发布时间】:2014-01-26 13:51:13
【问题描述】:

我想将 boostrap 3 导航栏更改为以更大的分辨率折叠(现在是 ~740 px 宽度),我想将其更改为 940 px,该怎么做?

【问题讨论】:

    标签: html twitter-bootstrap


    【解决方案1】:

    如果你下载了 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

    【讨论】:

      猜你喜欢
      • 2017-06-06
      • 2020-08-16
      • 2013-09-18
      • 1970-01-01
      • 1970-01-01
      • 2019-05-04
      • 2014-06-25
      • 2013-12-13
      • 2013-12-07
      相关资源
      最近更新 更多