编译Twitter Bootstrap Less文件 - 克隆后的编译器错误

Question

我刚从官方的github存储库克隆了bootstrap。 当尝试使用官方较少的应用程序编译较少的文件时，我收到以下错误：

...在许多文件中。我在我的index.html文件中：

<link href="../less/bootstrap.less" rel="stylesheet/less">
<script src="../js/less-1.3.0.min.js"></script>

将两个脚本放在正确的位置。目录树如下

-- bootstrap
  -- js
  -- html
  -- less
  -- img
  -- docs

我是否缺少正确部署此功能的内容？我只想为快速原型项目做静态html和javascript文件。

更新：这是我在命令行上尝试通过make方法构建的问题。使用官方网站上最新的less.js脚本。

Answer 1

我的3美分：为什么要编译单个文件？您应该只编译“bootstrap.less”文件。不仅仅是其他人。 “bootstrap.less”包括所有@import依赖语句。例如，“mixins.less”和“variables.less”包括最基本的信息。

你不能只编译“responsive-navbar.less”，因为那里不知道变量@navbarCollapseWidth。

BTW：Less.app并不是真正的“官方”。我使用CodeKit（也是由Bryan DK Jones），这个工具足够聪明，可以执行以下操作：我保存了我的“responsive-navbar.less”，它检查了可能包含此文件的其他文件，然后编译母亲档案。

Answer 2

打开你的变量较少的文件并检查这些变量是否为空。

@navbarCollapseWidth @warningBorder

它无法找到.clearfix（）函数，所以你必须自己创建它。

您确定复制了所有文件吗？

Answer 3

该应用似乎不支持Less语言的所有功能。

检查官方Node.js way以进行服务器端编译。

关于其他系统的相关问题（请查看解决方法）：SimpLESS won't compile initializr generated Bootstrap

Answer 4

Twitter Bootstrap有自己的Makefile。您需要从计算机上Twitter Bootstrap所在目录中的命令行运行make。