使用bootstrap-sass更改RoR 3.2.3中的鏈接樣式

如何使用Bootstrap-Sass更改RoR 3.2.3中的鏈接顏色。我試圖在我的custom.css.scss中添加一條規則，但它不起作用。搜索並閱讀了關於/vendors/assets/stylesheets/variables.css.scss的一些信息，但該文件未出現在/vendors/../stylesheets目錄中。有任何想法嗎？使用bootstrap-sass更改RoR 3.2.3中的鏈接樣式

來源

2012-04-27 Tom

@PaulSimpson謝謝，我剛剛意識到這一點，爲不公平地玩！ – Tom 2012-04-27 21:31:26

在您創建的custom.css.scss文件，你需要設置bootstrap variables之前你@import "bootstrap"（需要注意的是Twitter的文檔中的變量使用LESS風格的語法不是薩斯/ SCSS是很重要的）。舉例來說，如果你想要一個變成黑色懸停鮮豔的紅色鏈接，您會將這在custom.css.scss

$linkColor:  #FF0000; 
$linkColorHover: #000; 

@import "bootstrap";

的變量必須否則使用默認值導入之前定義。

來源

2012-04-27 12:53:57

謝謝，這很有道理。我的理解是，當使用bootstrap-sass時，大多數變量可以通過用$替換@來更改，這是正確的嗎？ – Tom 2012-04-27 21:29:07

右 - @是LESS風格，$是Sass/SCSS。您只需確保將變量定義放在@import語句之前。 – 2012-04-27 21:40:17

仍然不適合我。我給了 $ bodyBackground：#fbfbfb！default; $ textColor：#FFF！default; @import「bootstrap」; 這些變量不被支持/真正的。 – 2012-05-31 06:46:05

還有一點需要注意。如果您在@import「bootstrap」之前添加了變量更改後仍未更新顏色，聲明。檢查以確保樣式表目錄中沒有其他文件覆蓋引導程序目錄。我有這個問題，然後當我刪除了其他文件，我終於可以看到我的引導程序顏色的變化。

來源

2012-05-09 17:17:15

這也是一個問題，我建立了一個腳手架，其中包括一個造成問題的scaffold.css.scss，刪除它，一切正常！ – Tom 2012-05-10 12:29:05

使用bootstrap-sass更改RoR 3.2.3中的鏈接樣式

回答

相關問題