twitter-bootstrap - 定制的 Bootstrap 和 CDN

Question

我对自定义 Bootstrap 插件的工作方式以及它们是否/如何与传统 CDN 一起工作感到有些困惑。

在线调整自定义？
如果我正确理解 Bootstrap 3 的文档，自定义 Bootstrap 外观的标准方法是转到 this page ，更改变量，然后将生成/自定义的版本下载到您的机器上。
但是我怎么知道我是否会喜欢我所做的更改，直到我真正看到它在起作用？如果无法将我的更改应用于某种“在线展示”，我将不得不:

进行更改(每个周期可能需要 20 - 30 分钟)

点击“编译下载”按钮

下载并解压自定义版本

把它用在我自己的应用程序中，等着看我不喜欢的东西；发生这种情况时，冲洗并从上面的步骤 #1 开始重复

这是一个昂贵的开发/测试周期(对于最终开发人员而言，时间成本高昂，而在服务器端，Bootstrap 服务器则需要大量定制这些定制)。
所以我的第一个问题: 有没有办法在该页面上进行更改，然后在某种展示案例中看到它们的实际效果？ 如果没有，核心 Bootstrap 开发人员如何有效地自定义/调整 Bootstrap？

自定义 Bootstrap 版本和 CDN
所以有很多流行的 Bootstrap CDN。我一次又一次看到的是:

https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css

但我必须假设这个 URL 只是拉下 Bootstrap 的“正常”(非定制)最新版本，是吗？因此，如果我要将自定义版本放在 CDN 上，我必须自己付费才能托管它。
所以我问: 是否有 CDN 可以为您托管自定义 Bootstrap 版本？ 如果没有，那么 有没有办法对 Bootstrap 进行编码/配置，以便它只从我的 Web 服务器拉下我的自定义 CSS 更改，然后从 CDN 拉下所有模板/普通/JS 代码？ 核心 Bootstrap 开发人员如何处理自定义 Bootstrap 风格的 CDN 托管？

Answer 1

我要做的是下载 Bootstrap 的源代码并为我的自定义和覆盖创建一个 LESS 文件。我在加载 Bootstrap 变量 LESS 后直接加载它，然后编译为 CSS。这让我可以在一个单独的 LESS 文件中快速制作模组并编译可以升级的基本 Bootstrap，而不会覆盖我的任何更改。如果您要使用 grunt 进行编译，Bootstrap 确实有自己的 grunt 文件，我就是这样做的。

您可以托管在 CloudFlare CDN 之类的东西上。