Question

我对LESS很新，但我认为我有正确的想法。但是，我无法编译LESS。我现在已经下载了3个编译器（Crunch，Simpless，Winless）。

紧缩我收到错误

Compiler Errors variable @navbar-default-bg is undefined (Line: 15)

WinLESS - 我得到了一个“成功”，但看不到生成的CSS。

简单 - 只是没有构建或错误。什么都没发生。

这就是我正在做的事情。我有Cerulean引导程序模板http://bootswatch.com/cerulean/。你可以下载bootswatch.less＆amp; variables.less我正在对它们进行 ZERO 修改。根据我对其工作原理（以及最佳实践）的理解，我将CSS和较少的文件导入到一个较少的文件中，然后编译LESS并将CSS移动到我在asp.net页面中引用的CSS中。我把这个文件称为“IMSLess.less”，看起来像这样....

@import "bootstrap.min.css";            // xxxxxxxxxx
@import "variables.less";               // xxxxxxxxxx
@import "bootswatch.less";              // xxxxxxxxxx

导入bootstrap.min.css模板，然后输入2个 UNEDITED 个较少的文件。就像我说我在这方面很新，所以我可以设置错误，这可能会导致我的错误，但希望有人可以提供帮助！

谢谢约什

Answer 1

诀窍是能够轻松更新Bootstrap而无需复制文件或重新添加@import。

下载Bootstrap源文件并保持不变。
从Bootswatch下载两个文件（variables.less和 bootswatch.less）并将它们放在自己的目录中
在同一目录中，创建一个新的less文件。名字给它起个名字喜欢custom-bootstrap.less并添加如下内容：

@import“../bootstrap/less/bootstrap”; @import“bootswatch”; @import“variables”;
编译custom-bootstrap.less并在你的html中使用该css文件。

然后在升级Bootstrap时，您只需替换bootstrap源文件并重新编译custom-bootstrap.less。

资料来源：http://www.smashingmagazine.com/2013/03/12/customizing-bootstrap/（文章显然是由Bootswatch的创作者撰写的）

Answer 2

我不使用Bootswatch所以我可能错了，但这就是我认为它的工作原理......

bootstrap.css / bootstrap.min.css =从Bootswatch和Bootstrap编译较少的文件。如果您没有更改任何LESS变量，这就是您所需要的，它们是独立的。

variables.less / bootswatch.less = Bootswatch更改的变量/ css，这些变量用于补充原始的Bootstrap LESS文件。要使用它们，您需要编译以及需要从Bootstrap（而不是Bootswatch）下载的Bootstrap LESS文件。

有关详细信息，请查看：

Bootstrap: Using Less

Bootstrap: Compiling CSS and JavaScript

Answer 3

所以我在这里所做的就是抓住bootstrap的源代码。（http://getbootstrap.com/）。然后我使用了我的Bootswatch模板中的2个bootswatch较少的文件（http://bootswatch.com/cerulean/）。 Bootswatch网站将拥有自己版本的＆＃34; variables.less＆＃34;。我覆盖了＆＃34; variables.less＆＃34;来自消息来源。然后在boostrap.less中我添加了bootswatch.less的引用。

@import "bootswatch.less";

然后我使用Crunch（http://crunchapp.net/）来编译 ONLY bootstrap.less文件。当你＆＃34; Crunch＆＃34;在bootstrap.less文件中，您最终会得到一个您在站点中引用的boostrap.css文件。当然，您更改change.less文件以满足您的需求。

巨大的警告，我无法使用SimpLESS或WinLess编译器，不知道为什么，但Crunch是唯一有效的。

希望这有助于其他人！

由于约什

少见＆amp; Bootstrap不会编译

3 个答案: