Bootstrap 3 和更少一起使用

Question

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

1. 已安装 Node.js
2. 使用 npm 安装 Less
3. 下载的引导源（在与我的项目目录不同的目录中）
4. 将整个“/less”子文件夹复制到我项目的工作目录中。

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

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

我的问题：

我现在只需要在我的项目中包含已编译的 styles.css 文件还是必须包含所有引导组件？

另外，是否推荐使用此工作流程？ （实际上我在 smaskingmagazine.com 的文章中读到过类似的内容）。

PS：提前为这个愚蠢的（我认为）问题道歉。

谢谢！

Answer 1

如果你用过

@import "bootstrap.less";

..在你的主文件中，那么 bootstrap.less 将在编译期间包含在你编译的 styles.css 中。

你的styles.css编译完成后，你只需要将这个文件包含到你的项目中。

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