在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標志來分配它們。 這意味着，如果已經分配了變量，則不會重新分配它，但是如果還沒有值，它將被賦予一個值