自定义 Bootstrap 主题的正确方法是什么？答案

【问题标题】：What is the correct way to customize a Bootstrap theme?自定义 Bootstrap 主题的正确方法是什么？
【发布时间】：2014-12-14 23:24:33
【问题描述】：

我想使用 Bootstrap 主题，但我需要自定义它。正确的方法是什么？我应该创建一个新的 CSS 文件来覆盖默认 CSS 吗？

【问题讨论】：

【解决方案1】：

我刚刚写了一封post，讲述了过去几年我在Udacity 的工作方式。这种方法意味着我们可以随时更新 Bootstrap，而不会出现合并冲突、抛出工作等问题。

这篇文章对示例进行了更深入的介绍，但基本思想是：

当需要升级您的引导程序时，您只需换掉原始引导程序副本，一切仍然有效。

这是post 的演练。

github上的代码示例是here。

【讨论】：

【解决方案2】：

首先，根据您的问题，我认为有两个步骤。

如果您对此有任何具体问题，请告诉我。

【讨论】：

【解决方案3】：

您可能希望保留引导文件而不进行修改。这样您就可以在需要时将其更新到新版本。

所以，自定义的正确方法是添加自己的 CSS 文件（至少在开发过程中）。

【讨论】：

【解决方案4】：

我认为最好的方法是创建一个新的主 CSS 文件。您还应该包含 bootstrap.css 和其他内容，但在 bootstrap CSS 文件上进行编辑可能不是一个好主意。

【讨论】：

【解决方案5】：

这已被彻底记录。我已经看到了大概 30 种方法来做到这一点。到目前为止，我遇到的最优雅和最好的解决方案之一在 this blogpost 中进行了描述。

在this workflow 中应用了完全相同的原理。只是设置不同。如果您想在不接触源代码的情况下将 Bootstrap 视为依赖项，那就更好了。

【讨论】：