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

我想知道是否可以将所有

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

文件吗？

是的，您可以立即访问所有的mix-in和变量。我认为这是使用引导最有效的方法

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

问题是，您最终会得到一个单一的CSS文件，这是调试的噩梦，但less.js 1.50引入了源代码映射，在使用此方法时非常宝贵：

---

要设置一个faff，但可以省去很多麻烦。

确保按照bootstrap.less文件的相同顺序导入默认的bootstrap less文件，或者您可能会遇到一些没有正确层叠的规则我正在导入

bootstrap.less

，它本身会导入所有默认的无引导文件，所以我不认为这是一个问题，或者我误解了您吗？那么应该可以了，但您可能会遇到内置实用程序类不起作用的问题，因为它们不是最后一个。我通常只是在我觉得合适的地方将自己的less导入添加到bootstrap.less文件本身。