Question

我试图在Twitter Bootstrap中使用LESS变量，但似乎无法在我的application.css文件中渲染它们

所以当我安装bootstrap时我安装了

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

的Gemfile

gem 'less-rails'

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

任何人都能看到我做错的事吗？

任何帮助表示赞赏

由于

Answer 1

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

@white：#FFFFFF;

然后在我的css文件中，我可以将它们称为颜色：@white;

嗨，我不太熟悉在Rails中使用LESS，所以如果我离开这里就道歉。

我只能在要编译的文件中使用较少的变量。所以例如我可以设置
@white：变量。无文件中的#FFFFFF

也许在我有一个custom.less文件中 .light {
白颜色; }

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

所以为了解决上面的引用，你可以设置较少的变量，如
@white：#FFFFFF
然后你可以在另一个较少的文件中使用该变量，这个文件将被编译，但不能直接在CSS文件中使用。