【问题标题】:How to reliably change navbar breakpoint (without breaking anything else) in Bootstrap 3如何在 Bootstrap 3 中可靠地更改导航栏断点(不破坏其他任何东西)
【发布时间】:2015-11-16 19:51:36
【问题描述】:

如何轻松更改 bootstrap v3 导航栏上的折叠断点?

文档说

更改折叠的移动导航栏断点 导航栏折叠 当视口窄于其垂直移动视图时 @grid-float-breakpoint,并扩展到其水平非移动 当视口的宽度至少为 @grid-float-breakpoint 时查看。 在 Less 源中调整此变量以控制导航栏何时出现 折叠/展开。默认值为 768px(最小的“小”或 “平板电脑”屏幕)。

但是我没有看到 LESS 文件,我真的想创建一个自定义文件来覆盖此行为,而不是弄乱源文件。

特别是在 Bootstrap gem 文件结构中,我正在寻找 @grid-float-breakpoint 变量。

【问题讨论】:

  • 我真的很想创建一个自定义文件来覆盖这种行为,而不是乱用源文件。 是的,创建一个custom.css 文件并用新样式覆盖。
  • 谢谢 - 现在如果您阅读了这个问题,我正在寻求帮助,了解关键变量在 Rails 引导 gem 的文件结构中的位置。

标签: css twitter-bootstrap-3 less


【解决方案1】:

如果您从源代码(LESS 文件)编译。只需打开 variables.less 并搜索 @grid-float-breakpoint。

它的默认值应该是@screen-sm-min,您可以随意将其更改为任何兼容的值——变量或静态值。

【讨论】:

    猜你喜欢
    • 2016-07-24
    • 1970-01-01
    • 2019-09-13
    • 2016-01-20
    • 2016-09-19
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-04-23
    相关资源
    最近更新 更多