Twitter Bootstrap + Less：设置答案

【问题标题】：Twitter Bootstrap + Less: setupTwitter Bootstrap + Less：设置
【发布时间】：2013-11-30 20:59:55
【问题描述】：

如何使用 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) ?

【问题讨论】：

您想使用自定义构建的引导程序还是想在您的应用程序中包含 bootstrap.less 文件？
请参阅stackoverflow.com/q/13809895/1430996 或stackoverflow.com/q/17623811/1430996，详细了解如何将LESS 代码编译到浏览器所需的CSS 模板中。

标签： css twitter twitter-bootstrap less font-awesome

【解决方案1】：

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

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

如果您想自定义构建引导程序，可以使用引导程序站点中的customize 选项。

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

【讨论】：

【解决方案2】：

这里还有一个 CDN 版本，带有 Twitter Bootstrap + Font Awesome： http://www.bootstrapcdn.com/?v=01042013155511#tab_fontawesome

【讨论】：

【解决方案3】：

当我们想使用 less / bootstrap / 样板文件时，我们有一个启动 zip

你可以从->http://rhino.welcomweb.se/html-less-bootstrap.zip下载它

【讨论】：