0

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

我已经进行了深入调查,但我仍然面临问题。

我已经下载了 less 和 Twitter Bootstrap 的最新版本,并以这种方式组织了我的文件:

无引导程序

/*!
 * 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 utility.less scaffolding.less grid.less

我读到如果文件是用 BOM 编码的,则可能会导致问题。我从 Sublime 切换到 Dreamweaver 以保存没有 BOM 的索引,但没有成功。

奇怪的是,Less 只是编译了一些文件,但也告诉我很少有未定义的变量,例如 : @baseFontFamily , @baseFontSize, @gridColumnwidth, @gridGutterwidth,但是这些变量是在我的 variables.less 中设置的,并且文件 bootstrap.less 和 variables.less 已成功加载。我上传了一个打印屏幕以更好地解释我的情况在此处输入图像描述

什么可能导致问题?

谢谢你的耐心,我希望你明白我的问题

4

1 回答 1

5

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

于 2012-12-30T19:21:44.580 回答