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,但是这些变量是在我的变量中设置的,并且文件bootstrap.less和variables.less被成功加载.我上传了一个打印屏幕来解释我的情况

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

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

Answer 1

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