添加 Bootstrap 的副本作为自定义的起点

Posted 2023-03-06

【中文标题】添加 Bootstrap 的副本作为自定义的起点

【英文标题】：Adding a duplicate of Bootstrap as a starting point for customization

【发布时间】：2015-08-06 09:55:29

【问题描述】：

我一直在研究自定义引导程序的最佳做法。我的印象是，最好的（仅限 css）做法是在调用引导程序后添加样式表，并在自定义时覆盖引导程序类。在这种情况下，一个合理的起点似乎是添加引导样式表的副本并修改其值，同时保持类名相同。

我希望在我采用这种方法之前得到一些反馈。

【问题讨论】：

第一步没问题。您还可以修改引导程序的 less/sass/scss（从中生成其 css）。你也可以看看fontawesome：fortawesome.github.io/Font-Awesome.

如果要修改 less/sass/scss 是否仍然建议只更改值而不是类名？

我认为在大多数情况下是的。实际上，您可以检查 Bootstrap javascript 代码。它只有大约 2000 行长，如果在那里使用类名 - 你可能不应该更改它。

我认为添加副本将是您不需要的额外膨胀。最小化的 CSS 文件仍为 115KB，因此拥有两个该大小的 CSS 文件将是多余的。我的建议是只在该自定义样式表中包含您想要覆盖的样式。是的，只改变值而不是类名。 JS 经常会在类名之外排队，所以如果你改变它，你可能会在这个过程中失去一些功能。

【参考方案1】：

我实际上是这样做的，Twitter 投入了 1000 小时的开发时间，它可以节省您快速启动项目的时间。

我见过的大多数人和项目都有引导程序，然后使用第二个样式表覆盖默认规则。

希望对您有所帮助。

【参考方案2】：

最好只复制您正在使用的样式，因为包含带有冗余类的完整样式表会影响性能。不多，但每一点都有帮助。