html - 从 Bootstrap 源文件夹自定义 Twitter Bootstrap

Question

我正在使用 twitter bootstrap 开发 RWD web 应用程序，我想根据我的需要自定义 bootstrap，为此我从 getbootstrap.com 下载了 bootstrap 源代码.

我计划通过保持 bootstrap less 文件不变来自定义 bootstrap，我想创建自己的 less 文件以进行自定义，如下所示

@import "../bootstrap/less/bootstrap.less";
@import "custom-variables.less";
@import "custom-other.less";
@import "../bootstrap/less/utilities.less";

但是当我下载 bootstrap 源代码时，我看到了很多文件夹以及 bootstrap LESS 文件夹，如下所示，

我的问题是:我需要从 bootstrap 源文件夹中获取哪些文件才能包含在我的 Web 元素中。

在此先感谢您的帮助。

Answer 1

您唯一需要导入的文件是 less 文件夹中的 bootstrap.less。
此文件本身会从该文件夹导入所有其他 .less 文件(theme.less 除外，它用于主题化)。

我建议导入 bootstrap.less 并使用 theme.less 来开发定制的解决方案。
阅读以上两个文件的源代码可能有助于理解“幕后”的内容。

请记住，虽然您只导入了 bootstrap.less，但所有其他文件都必须保留在原处，以便 bootstrap.less 能够导入它们.