使用bootstrap-sass更改RoR 3.2.3中的链接样式

时间:2012-04-27 11:11:06

标签: css ruby-on-rails-3 twitter-bootstrap

如何使用Bootstrap-Sass更改RoR 3.2.3中的链接颜色。我试图在custom.css.scss中添加规则,但它无法正常工作。是否搜索并阅读了有关/vendors/assets/stylesheets/variables.css.scss的内容,但此文件未出现在/vendors/../stylesheets目录中。有任何想法吗?

2 个答案:

答案 0 :(得分:10)

在您创建的custom.css.scss文件中,您需要在@import "bootstrap" 之前设置bootstrap variables (重要的是要注意twitter中的变量文档使用LESS样式语法而不是Sass / SCSS)。例如,如果您希望悬停时亮红色链接变为黑色,则可以将其放在custom.css.scss

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

@import "bootstrap";

必须在导入之前定义变量,否则使用默认值。

答案 1 :(得分:1)

还有一点需要注意。如果在@import“bootstrap”之前添加变量更改后,您仍然看到颜色未更新;声明。检查以确保样式表目录中没有其他文件覆盖引导程序。我有这个问题,然后当我删除其他文件时,我终于可以看到我的引导颜色发生了变化。