我有一个使用bootstrap-sass gem的rails应用程序。我想更改导航栏从平板电脑(979px)折叠到手机(769px)的宽度。覆盖媒体查询不是一个整洁的解决方案。
我在variables.less中编辑了@navbarCollapseWidth
并构建了bootstrap,然后将内容bootstrap-responsive.css复制到了gem中的responsive.scss ... vendor / assets / stylesheets / bootstrap。然而,现在,我已经失去了更新宝石而不会丢失我的更改的能力。
这里最好的方法是什么?我想做出我认为简单的改变,但保持我的宝石更新能力。也许在application.css.scss中使用@import "bootstrap-responsive-mine";
然后在需要时手动更新该文件?
答案 0 :(得分:5)
您是否阅读了有关configuration this gem的一些信息?
在您选择的SCSS文件中导入“bootstrap”以获取Bootstrap的所有样式,混合和变量!
@import "bootstrap";
需要配置一个或两个变量?只需定义值即可 在导入Bootstrap之前要更改的变量。萨斯会 尊重你现有的定义,而不是用 Bootstrap默认值。
$navbarCollapseWidth: 769px;
@import "bootstrap";
或者那不是你需要的?