Less不会使用Twitter Bootstrap编译文件

Question

我在使用较少的文件和Twitter Bootstrap时遇到了奇怪的问题：

我已经进行了深入的调查，但我仍然面临着这些问题。

我已经下载了less和Twitter Bootstrap的最新版本，我已经用这种方式组织了我的文件：

bootstrap.less

/*!
 * Bootstrap v2.2.2
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */

// Core variables and mixins
@import "less/variables.less"; // Modify this for custom colors, font-sizes, etc
@import "less/mixins.less";

// CSS Reset
@import "less/reset.less";

// Grid system and page structure
@import "less/scaffolding.less";
@import "less/grid.less";
@import "less/layouts.less";

// Base CSS
@import "less/type.less";

// Utility classes
@import "less/utilities.less"; // Has to be last to override when necessary

在我的文件夹中，我放了所有文件

variables.less mixins.less reset.less layouts.less type.less utilities.less scaffolding.less grid.less

我读到如果使用BOM编码文件可能会导致问题。我从Sublime切换到Dreamweaver以保存我的索引而没有BOM，但它没有用完。

奇怪的是，Less只是编译一些文件，但也告诉我很少有变量是未定义的，例如：@baseFontFamily , @baseFontSize, @gridColumnwidth, @gridGutterwidth，但这些变量是在我的variables.less和文件bootstrap.less和变量中设置的.less成功加载。 我上传了一个打印屏幕来更好地解释我的案例

可能导致问题的原因是什么？

感谢您的耐心等待，我希望您明白我的问题

Answer 1

看起来您正在独立加载文件。而不是编译less/*.less只编译less/bootstrap.less。