我在使用更少的文件和 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 已成功加载。我上传了一个打印屏幕以更好地解释我的情况
什么可能导致问题?
谢谢你的耐心,我希望你明白我的问题