编译和使用 Bootstrap LESS 文件

Question

我想在我的 Django/Dojo 项目中使用 Bootstrap CSS。我已经下载了一个包含文件的存档并将所有 LESS 提取到单独的文件夹中。

问题在于，在 LESS 编译期间我遇到了错误 - 大多数引导 LESS 文件使用来自 variables.less 的变量，但未指定 import 语句。

有什么办法可以解决这个问题，还是必须手动添加 `import "variables.less";'每个文件？

Answer 1

Bootstrap 使用bootstrap.less 文件导入其他*.less Bootstrap 文件。您必须编译bootstrap.less，当您看到错误时，您可能正在尝试编译其他根本没有@import 规则的.less 文件。

bootstrap.less：

/*!
 * Bootstrap v3.3.5 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

// Core variables and mixins
@import "variables.less";
@import "mixins.less";

// Reset and dependencies
@import "normalize.less";
@import "print.less";
@import "glyphicons.less";

// Core CSS
@import "scaffolding.less";
@import "type.less";
@import "code.less";
@import "grid.less";
@import "tables.less";
@import "forms.less";
@import "buttons.less";

// Components
@import "component-animations.less";
@import "dropdowns.less";
@import "button-groups.less";
@import "input-groups.less";
@import "navs.less";
@import "navbar.less";
@import "breadcrumbs.less";
@import "pagination.less";
@import "pager.less";
@import "labels.less";
@import "badges.less";
@import "jumbotron.less";
@import "thumbnails.less";
@import "alerts.less";
@import "progress-bars.less";
@import "media.less";
@import "list-group.less";
@import "panels.less";
@import "responsive-embed.less";
@import "wells.less";
@import "close.less";

// Components w/ JavaScript
@import "modals.less";
@import "tooltip.less";
@import "popovers.less";
@import "carousel.less";

// Utility classes
@import "utilities.less";
@import "responsive-utilities.less";