Bootstrap 3 及以下一起

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编译完成后，你只需要将这个文件包含到你的项目中即可。

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