Bootstrap导航栏崩溃时更改的最简单方法(使用bootstrap gem)

时间:2013-02-12 22:55:58

标签: ruby-on-rails-3 twitter-bootstrap bootstrap-sass

我有一个使用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";然后在需要时手动更新该文件?

1 个答案:

答案 0 :(得分:5)

您是否阅读了有关configuration this gem的一些信息?

  

在您选择的SCSS文件中导入“bootstrap”以获取Bootstrap的所有样式,混合和变量!

@import "bootstrap";
  

需要配置一个或两个变量?只需定义值即可   在导入Bootstrap之前要更改的变量。萨斯会   尊重你现有的定义,而不是用   Bootstrap默认值。

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

或者那不是你需要的?