css - Twitter Bootstrap + Less : setup

Question

如何使用 Less 设置 Twitter Bootstrap？我从http://twitter.github.com/bootstrap/下载的 Twitter Bootstrap 库和 CSS 文件夹中有 4 个文件:

bootstrap.css
bootstrap.min.css
bootstrap-responsive.css
bootstrap-responsive.min.css

然后我决定使用 LESS。所以我去了 GitHub - https://github.com/twbs/bootstrap根目录中的位置是名为 less 的文件夹。该文件夹包含 42 个 *.less 文件。我打开了 bootstrap.less 文件，其中包含所有 *.less 文件，但我没有看到“响应式”less 文件。

第二件事 - 我必须下载所有这 42 个文件并将它们包含到一个文件中 (bootstrap.less)？

有没有更好的方法来安装 Twitter Bootstrap + Less (+ Font-Awesome)？

Answer 1

回答第二个问题
有一个包含响应代码的 less/responsive.less 文件。

回答第一个问题
我认为在您的应用程序中包含较少的文件不是一个好主意，因为较少的文件解析会消耗客户端资源并且会影响您的应用程序的性能。

如果您想自定义构建 Bootstrap ，可以使用 customize来自 Bootstrap 站点的选项。

如果您想始终进行更多自定义构建，您可以克隆 git 存储库并使用像 Crunch! 这样的 less 工具构建它。作为给定here .