Bootstrap 3 - 对在我的应用程序中包含 .less 文件感到困惑答案

【问题标题】：Bootstrap 3 - confused about including .less files into my appBootstrap 3 - 对在我的应用程序中包含 .less 文件感到困惑
【发布时间】：2013-10-29 00:39:51
【问题描述】：

我想知道是否可以将所有 bootstrap.less 导入到我自己的 .less 文件中，然后覆盖我希望在该文件中更改的任何内容。我自己的 .less 文件 style.less 将所有内容输出到单个样式表中，我不包括编译后的 bootstrap.css 文件，只包括 JS 文件。

bootstrap // folder with all bootstrap less files.
style.less // imports bootstrap folder, and outputs style.css in root directory

这样做有什么缺点吗，还是我也应该包含编译后的bootstrap.css 文件？

【问题讨论】：

确保导入默认的 boostrap less 文件的顺序与 bootstrap.less 文件的顺序相同，否则您可能会遇到一些没有正确级联的规则
我正在导入 bootstrap.less，它本身会导入所有默认的 bootstrapless 文件，所以我认为这不是问题，还是我误解了你？
那么应该没问题，但是您可能会遇到内置实用程序类无法正常工作的问题，因为它们没有排在最后。我通常只是在我认为合适的地方将自己的 less 导入添加到 bootstrap.less 文件本身。

标签： css twitter-bootstrap less twitter-bootstrap-3

【解决方案1】：

是的，您可以立即访问所有的混音和变量。我会说这是使用引导程序的最强大的方法。

正如您所建议的，只需在 less 文件的开头导入 bootstrap.less 即可。之后我会导入任何其他 mixin 库，比如 lesshat。

问题是你最终得到一个单一的 CSS 文件，这是调试的噩梦，但 less.js 1.50 引入了源映射，这在使用这种方法时非常宝贵：http://robdodson.me/blog/2012/12/28/debug-less-with-chrome-developer-tools/

设置很麻烦，但可以省去很多麻烦。

【讨论】：