【问题标题】:Bootstrap mobile navigationBootstrap 移动导航
【发布时间】:2014-11-30 13:21:55
【问题描述】:

我使用引导程序制作菜单。当宽度小于 767px 时,导航转换为移动导航。我需要将 767px 更改为 900px。我怎样才能做到这一点?我在bootstrap.css中搜索了,但没有找到。

【问题讨论】:

  • 您使用的是哪个版本的 Bootstrap?并且您是只想更改导航转换的断点还是整个页面?
  • 我正在使用最新版本的 Bootstrap 3.3.1。我只想更改导航转换的断点。因为菜单项很多,如果宽度小于900像素,它们都没有放在里面。

标签: twitter-bootstrap mobile navigation width collapse


【解决方案1】:

Bootstrap v3 是移动优先的。这意味着默认情况下,导航栏是折叠的,并且当屏幕变大时会显示项目。 在导航栏下的documentation 页面上显示:

当视口比@grid-float-breakpoint 窄时,导航栏折叠到其垂直移动视图,当视口宽度至少为@grid-float-breakpoint 时,导航栏展开到其水平非移动视图。

因此您必须更改@grid-float-breakpoint。查看customize 页面,它说@grid-float-breakpoint 的值是@screen-sm-min,其中包含@screen-sm 的值。所以它目前默认设置为768px,就像你经历的那样。


长话短说,使用customizer,将@grid-float-breakpoint改为900px,在页面底部编译下载!

【讨论】:

  • 巴斯蒂安,我非常感谢你。非常感谢!
  • 没问题!乐于助人:)
猜你喜欢
  • 2015-01-23
  • 1970-01-01
  • 1970-01-01
  • 2012-05-03
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-03-13
相关资源
最近更新 更多