Twitter bootstrap 定制引导和CDN

我对定制引导插件如何工作，以及它们是否/如何与传统CDN一起工作感到有点困惑

在线调整定制？ 如果我正确理解Bootstrap 3的文档，定制引导外观的标准方法是转到，更改变量，然后将生成的/定制的版本下载到您的机器上

但是，我如何知道我是否会喜欢我所做的改变，直到我真正看到它在起作用？如果无法将我的更改应用于某种“在线展示”，我将不得不：

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

点击“编译和下载”按钮

下载并解压缩自定义版本

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

这是一个昂贵的开发/测试周期（对于终端开发人员来说，时间上是昂贵的，对于搅动所有这些定制的引导服务器来说，服务器端是昂贵的）

因此，我的第一个问题是：有没有一种方法可以在该页面上进行更改，然后在某种展示案例中看到这些更改的效果？如果没有，硬核引导开发人员如何高效地定制/调整引导

自定义引导版本和CDN 所以有很多流行的引导CDN。我反复看到的是：

但我必须假设这个URL只是拉下了“正常”（非定制）最新版本的引导，是吗？所以，对于我来说，要把我的自定义版本放在CDN上，我必须自己付费来托管它

---

所以我问：是否有CDN可以为您托管自定义引导版本？如果没有，那么是否有一种方法可以对引导进行编码/配置，以便它只从我的web服务器下载自定义CSS更改，但是，然后从CDN中提取所有模板/normal/JS代码？核心引导开发人员如何处理CDN托管以满足其自定义引导风格？

我要做的是下载引导源代码，并为我的自定义和覆盖创建较少的文件。我在加载引导变量LESS之后直接加载它，然后编译成CSS。这使我能够在一个单独的LESS文件中快速创建MOD，并编译基本引导程序，它可以在不覆盖任何更改的情况下进行升级。如果要使用grunt进行编译，Bootstrap确实有自己的grunt文件，我就是这么做的

您可以在CloudFlare CDN之类的主机上运行

有没有一种方法可以在该页面上进行更改，然后在某种展示案例中看到这些更改的效果

没有，尽管有第三方自定义程序具有这样的实时预览功能

硬核引导开发人员如何高效地定制/调整引导

然后查看自定义设置的外观。然后做更多的改变。起泡，冲洗，重复

这在服务器端对于搅动所有这些定制的引导服务器来说是昂贵的

实际上很便宜！定制程序完全在客户端运行

但我必须假设这个URL只是拉下了“正常”（非定制）最新版本的引导，是吗

对

是否有将为您托管自定义引导版本的CDN

---

只需使用普通CDN即可。Bootstrap就像其他前端库一样；CDN不需要特别处理。

使用CDN主要是一个性能问题。CDN背后的理念是，如果多个网站使用相同的资源，例如bootstrap.min.js，则只加载一次，并存储在浏览器缓存中，供所有网站使用。另一个优点是CDN源将并行加载，因为它来自另一台服务器。浏览器倾向于打开最多两个到一个浏览器的连接。第三个优势是，CDN内容托管在许多地理位置，并且使用离您最近且最快的内容

如果你自定义了你的引导，你就不能再和其他网站分享了。第一个优势的约束条件没有得到满足。如果您主要关心的是性能，那么您可以为staioc conetent使用不同的主机名（引导、图像、样式等）

比如说

• *您的动态内容
• *所有静态内容（如私人引导）

---

与static.example.com是否在同一台服务器上运行并不重要。只有主机名才算数。

谢谢@Airbrean（+1）-如果CDN因某种原因关闭，我如何编写代码以便返回到web服务器？第一个答案应该可以。脱离主题，但是@Aibrean您是否需要更改所有不需要进入无源文件的组件的边框宽度？没有可变的边框宽度（1px），我想要2px，这意味着在各种元素上，负边距现在是-2px。因此，在我自己的资料中，我有这些，我必须重新声明所有这些组件，至少在这方面。谢谢@cvrebert（+1）-下面几个问题：（1）当你说“在本地运行文档”时，你是什么意思？Bootstrap的文档中是否有“widget showcase”供开发人员用于检查定制？（2） 在CDN关闭的情况下，我如何编写代码以使JS/CSS/图像文件从我的web服务器获得服务？本地位于您的开发机器（您的计算机）上。（1）80%的文档是小部件展示。（2） 太切；为它发布一个新问题。