使用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中的链接样式

回答

相关问题