2

我有一个使用 bootstrap-sass gem 的 rails 应用程序。我想将导航栏折叠的宽度从平板电脑（979px）更改为手机（769px）。覆盖媒体查询不是一个整洁的解决方案。

我@navbarCollapseWidth在 variables.less 中进行了编辑并构建了引导程序，然后将内容 bootstrap-responsive.css 复制到 gems...vendor/assets/stylesheets/bootstrap 中的 responsive.scss 中。然而现在，我失去了更新 gem 而不丢失我的更改的能力。

这里最好的方法是什么？我想做一个我认为简单的改变，但让我的 gem 可以更新。也许@import "bootstrap-responsive-mine";在 application.css.scss 中使用，然后在需要时手动更新该文件？

4

1 回答 1

5

您是否阅读了有关配置此 gem的一些信息？

在您选择的 SCSS 文件中导入“bootstrap”以获取 Bootstrap 的所有样式、mixin 和变量！

@import "bootstrap";

需要配置一个或两个变量？只需在导入 Bootstrap 之前定义要更改的变量的值。Sass 将尊重您现有的定义，而不是用 Bootstrap 默认值覆盖它。

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

或者那不是你需要的？

于 2013-02-13T00:59:31.337 回答