1

我正在尝试在 Twitter Bootstrap 中使用 LESS 变量，但似乎无法让它们在我的 application.css 文件中呈现

所以当我设置引导程序时，我安装了

rails generate bootstrap:install --less

这给了我我的

bootstrap_and_overrides.css.less

所以我的理解是在这个文件中我可以像这样设置我的LESS变量

@white:#FFFFFF;

然后在我的css文件中我可以像这样调用它们

color: @white;

在我的 bootstrap.less 文件中，我称之为

@import "twitter/bootstrap/bootstrap";
@import "twitter/bootstrap/responsive";
@import "twitter/bootstrap/variables.less";

在我的 application.css 文件中，我调用 bootstrap 文件

*= require bootstrap_and_overrides

宝石文件

gem 'less-rails'

这不起作用，我的变量没有被应用

谁能看到我做错了什么？

任何帮助表示赞赏

谢谢

4

1 回答 1

2

...我可以像这样设置我的 LESS 变量

@白：#FFFFFF；

然后在我的css文件中我可以像这样调用它们颜色：@white;

嗨，我对在 Rails 中使用 LESS 不是很熟悉，如果我离开这里，我很抱歉。

我只能在将要编译的文件中使用较少的变量。例如，我可以
在 variables.less 文件中设置 @white:#FFFFFF

也许在 custom.less 文件中我有
.light{
color:@white; }

编译完所有内容后，我可以在我的 CSS中使用.light类

因此，为了解决上面的引用，您可以设置像
@white:#ffffff这样的 less 变量
，然后您可以在另一个将被编译的 less 文件中使用该变量，但不能直接在 CSS 文件中使用。

于 2013-01-18T19:57:14.837 回答