在 bootstrap-sass 中访问文件答案

【问题标题】：Accessing file within bootstrap-sass在 bootstrap-sass 中访问文件
【发布时间】：2016-05-15 03:38:41
【问题描述】：

我正在开发一个 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.

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

【问题讨论】：

如果您正在尝试编辑文件，您可以尝试$pico vendor/assets/stylesheets/bootstrap/_variables.scss 或$cat vendor/assets/stylesheets/bootstrap/_variables.scss 或只是vendor/assets/stylesheets/bootstrap/_variables.scss

标签： css ruby-on-rails twitter-bootstrap

【解决方案1】：

通常，您永远不想覆盖硬编码（默认）变量；你想override他们：

#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 之前声明自定义变量，它将使用您的值而不是硬编码的值。

这与vars in bootstrap 与!default 开关声明的事实相结合——意思是they're meant to be overridden：

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

【讨论】：