改变最简单的方法,当引导导航栏崩溃(使用引导GEM)(Easiest way to change w

2019-08-16 22:12发布

我有使用引导,萨斯宝石一个Rails应用程序。 我想导航栏从平板电脑(979px)折叠宽度改为电话(769px)。 重写媒体查询是不是一个漂亮的解决方案。

我已经编辑@navbarCollapseWidth在variables.less和内置自举,然后复制的内容引导,responsive.css成宝石......供应商/资产/样式表/引导responsive.scss。 但是现在,我已经失去了,而不会失去我的变化来更新宝石的能力。

什么是这里最好的方法是什么? 我想提出我认为是一个简单的变化,但保持我的宝石更新能力。 也许使用@import "bootstrap-responsive-mine"; 在application.css.scss然后手动更新该文件时,我需要?

Answer 1:

你了解一些信息配置这种宝石 ?

导入“引导”,在你选择的SCSS文件,以获得所有引导的方式,混入和变量!

@import "bootstrap";

需要配置一个或两个变量? 简单地定义你想导入引导之前改变变量的值。 萨斯会尊重你的现有定义,而不是与引导默认覆盖它。

$navbarCollapseWidth: 769px;
@import "bootstrap";

或者说,是不是你需要什么?



文章来源: Easiest way to change when Bootstrap navbar collapses (using bootstrap gem)