如何编译Bootstrap不正确？

Question

编译Bootstrap Less文件的正确顺序是什么？我也有一些外部的Less文件，并希望将所有文件编译成一个。

我应该先使用bootstrap.less还是从custom.less开始？

1. bootstrap.less
2. 自举-extend.less
3. base.less
4. site.less
5. ...

通过此订单，Custom Design bootstrap-extend.less，base.less和site.less没有优先级，并且不会在布局中显示。如果我改变顺序而不是双重类，那么CSS就会增长。

Answer 1

执行此操作的最佳方法是使用npm引导程序包并使用所选工具（grunt或您喜欢的任何编译器）进行编译。您可以从bootstrap Getting started页面下载。

您的自定义设置可以在variables.less和bootstrap-theme.less中进行。编辑它们，并在编译bootstrap.less之前用您的原始图标覆盖它们。这会将您的自定义集成到bootstrap.css/.css.min文件中。任何其他非常具体的项目样式都应该在一个单独的文件中完成。通过这种方式，您可以轻松升级引导程序版本。您可以使用.less和@import相同的variables.less和原始mixins.less来简化您的编码。例如，您可以使用混合创建自定义按钮，使用variables.less中定义的颜色。

有一个有趣的工具来准备这些文件：http://bootstrap-live-customizer.com/一旦完成，你可以下载这两个文件，但要注意下载包含所有变量的文件，而不仅仅是修改过的文件（在此修改它） toolsconfiguration）。

最后一步可能是在一个文件中连接和缩小所有.css文件。您可以使用grunt或任何其他工具。