Twitter Bootstrap LESS css

Question

我想知道为什么我不能使用LESS在twitter bootstrap中设置变量。我在使用bootstrap_and_overrides.css.less文件的rails上使用ruby。它有以下声明

// Your custom LESS stylesheets goes here 
    // 
    // Since bootstrap was imported above you have access to its mixins which 
    // you may use and inherit here 
    // 
    // If you'd like to override bootstrap's own variables, you can do so here as well 
    // See http://twitter.github.com/bootstrap/less.html for their names and documentation 
    // 
    // Example: 
    // @linkColor: #ff0000; 

所以我的理解是，我可以在这里设置我的变量。所以我设置

@black: #333; 

，然后在我的application.css调用@black文件，但它不工作，用它尝试过？即不呈现#333。

我的理解是错误的吗？，我所有的变量和css样式都在bootstrap和override文件中吗？

任何意见赞赏

Answer 1

按照说明在http://lesscss.org/#usage以确保您的更新较少被使用，如果你正在使用它的客户端。

OR

编译更新的少进CSS，然后通过更新复制CSS。 下面是可以编译的工具列表。 http://bootstrap.lesscss.ru/less.html#compiling

有关如何组织引导的修改建议见SO质疑Twitter Bootstrap Customization Best Practices

顺便说一句，我不会建议改变@black。改变它会改变很多很多的东西，包括你可能没有想到的东西。

Answer 2

如果我正确理解了你，你正在修改你的bootstrap_and_overrides.css.less文件，但是使用的文件是application.css文件。
如果是这样的话，当然不会反映你所做的改变。您必须先将.less文件编译为.css。以反映对您的.css文件所做的更改。

对于一个尝试，通过使用客户端和设置您的环境不那么像这样：

例如，在你的index.html文件，把

<link rel="stylesheet/less" type="text/css" href="application.less" /> 

在文件头。和它下面添加

<script src="less.js" type="text/javascript"></script> 

下载less.js文件从here。并将其放入根目录中，或者您当然可以自定义位置并在href属性中创建必要的路径。

完成上述操作后，即可准备修改application.less文件（而不是application.css）。您可以从application.css文件复制您现有的自定义样式。

application.less是你应该放置变量的地方。

可以将您的bootstrap_and_overrides.css.less文件重命名为application.less，并确保它是一个在标题标签挂。

欲了解更多关于LESS CSS结帐wiki的信息。