css - Bootstrap 3 和 Less 一起使用

Question

我想同时使用 Bootstrap 3 和 Less。这是我所做的:

1. 安装了 Node.js
2. 使用 npm 安装 Less
3. 下载的 Bootstrap 源(在与我的元素目录不同的目录中)
4. 将整个“/less”子文件夹复制到我元素的工作目录。

5. 创建了我的自定义 .less 文件(例如 styles.less)并包含以下内容:@import '../less/bootstrap.less';@import '../less/utilities.less';

6. 使用以下命令在 Node 命令提示符下编译:' lessc styles.less > styles.css '

我的问题:

我现在是只需要在我的元素中包含编译后的 styles.css 文件，还是还必须包含所有 Bootstrap 组件？

此外，这个工作流程是否值得推荐？ (实际上我在 smashingmagazine.com 的一篇文章中读到了类似的内容)。

PS:提前为这个愚蠢的(我认为)问题道歉。

谢谢!

Answer 1

如果你用过

@import "bootstrap.less";

..在你的主要 less 文件中，然后 bootstrap.less 将在编译期间包含在内，并将在你编译的 styles.css 中。

编译完 styles.css 后，只需将此文件包含到元素中即可。

附言。还要查看您的 styles.css 文件，看看里面编译了什么。或者自己玩/实验。例如，创建 2 个不同的 less 文件，将它们 @import 到您的 main.less 中，编译并查看会发生什么。