更改引导菜单断点 [英] change bootstrap menu breakpoint

查看:88
本文介绍了更改引导菜单断点的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我正在使用引导程序3.2和默认断点. 我希望导航栏在不更改默认断点的情况下以md(<992px)而不是sm(<767px)折叠为移动模式.我该如何做到最好?

I'm using bootstrap 3.2 and the default breakpoints. I would like the navbar to collapse into mobile mode at md (< 992px) instead of sm (< 767px) without changing the default breakpoints. How do I do that best?

推荐答案

您有3个选择:

  1. 手动编辑文件-一项艰巨的工作,不建议这样做.
  2. 访问 http://getbootstrap.com/customize/,在此指定您自己的断点并下载定制的断点版本.
  3. 使用CSS预处理器并在最后对其进行自定义.为两个
  1. Edit the files manually - a horribly laborious task and not recommended.
  2. Visit http://getbootstrap.com/customize/, specify your own breakpoints there and download the customised version.
  3. Use a CSS preprocessor and customise it at your end. Bootstrap provide versions for both Less and Sass.

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

Note that for option 2 and 3, you are looking to change the @grid-float-breakpoint variable. In your example, you want to change the value from @screen-sm-min to @screen-md-min

这篇关于更改引导菜单断点的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆