【问题标题】:change bootstrap menu breakpoint更改引导菜单断点
【发布时间】:2014-12-26 06:19:27
【问题描述】:

我正在使用引导程序 3.2 和默认断点。 我希望导航栏在 md (

【问题讨论】:

    标签: javascript css twitter-bootstrap twitter-bootstrap-3 media-queries


    【解决方案1】:

    您有 3 个选项:

    1. 手动编辑文件 - 一项非常费力的任务,不推荐。
    2. 访问http://getbootstrap.com/customize/,在那里指定您自己的断点并下载自定义版本。
    3. 使用 CSS 预处理器并在最后对其进行自定义。 LessSass 的 Bootstrap provide 版本。

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

    【讨论】:

    • 如果您注意到我在选项 2 中提供的链接,您可以通过修改 @grid-float-breakpoint 变量来更改它。所以这同样适用于选项 3。
    • 我在回答中添加了一些说明。
    • 但是我将更改默认引导文件和行为。由于它是一个现有的项目,我不能这样做
    • 那么你就被选项 1 卡住了(或者至少想弄清楚在你自己的文件中添加什么额外的 CSS 来克服这个问题)
    • 我不想听起来太消极,但这是很多的工作要做。不知道为什么你不能在现有项目中这样做?
    猜你喜欢
    • 2017-04-18
    • 2020-08-23
    • 1970-01-01
    • 1970-01-01
    • 2013-01-06
    • 2016-10-22
    • 1970-01-01
    • 2021-06-05
    相关资源
    最近更新 更多