在bootstrap-sass中访问文件

Question

我正在研究Rails项目，我需要在Twitter Bootstrap的CSS中自定义几个变量，以禁用最终看起来很奇怪的响应功能。

为此，我知道我需要进入bootstrap-sass文件夹才能访问变量文件，因此，从命令行运行：

 $cd `bundle show bootstrap-sass`

然后我运行：

 $find vendor/assets/stylesheets

到现在为止还挺好。 我在/ assets中看到了所有样式表的清单，其中包括我要进入的vendor/assets/stylesheets/bootstrap/_variables.scss 。

我尝试运行$open vendor/assets/stylesheets/bootstrap/_variables.scss ，但返回错误：

 No application knows how to open /usr/local/rvm/gems/ruby-2.0.0-p451/gems/bootstrap-sass-3.1.1.0/vendor/assets/stylesheets/bootstrap/_variables.scss.

关于如何打开和编辑此文件的任何想法？

Answer 1

通常，您永远都不想覆盖硬编码（默认）变量。 你想在骑它们：

#app/assets/stylesheets/application.sass
@import custom_vars #-> your own variables file
@import bootstrap

#app/assets/stylehseets/custom_vars.sass
$override_1: "x"

在Sass中，必须先定义变量，然后才能使用它们-在这种情况下，如果要重新定义变量，则需要在@import指令之前完成它，以便Bootstrap scss文件可以使用它。

只需在调用@import bootstrap 之前声明自定义变量，它将使用您的值而不是硬编码的值。

---

这是共同oberated的事实是， 在瓦尔bootstrap与声明的!default开关-这意味着他们必须被覆盖 ：

如果尚未分配变量，则可以通过在值的末尾添加!default标志来分配它们。 这意味着，如果已经分配了变量，则不会重新分配它，但是如果还没有值，它将被赋予一个值