Question

我正在使用twitter bootstrap开发RWD Web应用程序，我想根据我的需要自定义引导程序，因为我从getbootstrap.com下载了引导源。

我打算通过保持bootstrap较少的文件不变来自定义引导程序，我想创建我自己的较少文件进行自定义，如下所示

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

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

我的问题是：我需要从bootstrap源文件夹中包含哪些文件才能包含在我的网站项目中。

提前感谢您的帮助。

enter image description here

Answer 1

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

我建议导入theme.less并使用bootstrap.less开发自定义解决方案阅读上述两个文件的来源可能有助于理解什么是“幕后”。

请注意，虽然您只导入bootstrap.less，但所有其他文件必须保留在原来的位置，以便{{1}}能够导入它们。

Answer 2

您需要的文件位于LESS文件夹中。如果您不想使用layout.less保持引导程序相同，则可以创建新文件。并且可以在master中导入。编译后，您的更改将在其上。您可以使用您选择的任何编译器。例如Sublime Text插件

你也可以只使用bootstrap.min.css并在文件中编写你的LESS代码并编译它以应用你的自定义更改（记得导入或包含在你的html文件中）。这样您就不必跟踪这么多LESS文件。无论如何，您的计划都不是要改变基础引导程序。因此，您可以选择预编译版本，并且可以在新更新到来时始终替换它。