将自定义.less文件添加到bootstrap:编译期间出错

时间:2012-03-15 08:35:40

标签: twitter-bootstrap

我想添加一个.less文件,用其余的.less引导程序文件编译。我在OSX上使用Less app。 我的文件名为style.less(是的,我知道,非常原始!!!!)。 在bootstrap.less中,我在最后添加了以下内容:@import“style.less”;

编译时一切都运行良好。但是如果我在style.less文件中使用了一些变量,那么在编译过程中我会收到一个错误,说我的变量没有在style.less中定义。

但是我在bootstrap附带的现有.less文件中做同样的事情,我没有得到那个错误。

我错过了什么吗?

提前致谢

3 个答案:

答案 0 :(得分:0)

我认为您需要检查style.less文件中的代码。它可能包含非常小的语法错误。

尝试逐个添加类。在我的情况下,如果我写+运算符为(@十像素+ 3)仍然会出错,所以正确的语法是(@十像素+3)。

希望它能提供一些线索。

答案 1 :(得分:0)

这是从我新添加的文件样式编译期间标记的部分。无:

#top {
height: 150px;
font-size: @smallFontSize; // check how to set this in variable.less
border: 1px solid #C8C8C8;
margin: ;
}

我收到一条错误消息,说@smallFontSize未定义。如果我在style.less文件的顶部添加以下内容来定义变量,例如:

@smallFontSize: 11px;

然后在编译期间没有显示错误。

ps:@smallFontSize来自名为variable.less

的文件

答案 2 :(得分:0)

是否因为您在尝试使用变量后导入style.less?