css - 自定义 Bootstrap Less 文件并使其易于更新到 future 版本的最佳方法

Question

我想知道在 Bootstrap 中自定义 less 文件的最佳方法是什么，同时保持轻松更新到 future 的 Bootstrap 版本。

直接修改less文件是很简单的，但是问题是当下一个版本的Bootstrap出来的时候，升级可能会很痛苦(因为所有的改动都已经和原来的sources深度混合了)

另一种做法会类似于开闭原则，即保持原来的less文件不变，加入我自定义的less文件覆盖我需要的css规则。当 Bootstrap 更新时，(希望)我可以简单地替换 less 文件，一切都会神奇地工作。然而，不管我的假设是否正确，相同的 CSS 规则会分散在更多的地方并且难以管理。此外，我们覆盖 CSS 的次数越多(不是出于兼容性或其他目的)，我们浪费的带宽就越多。

我知道这很大程度上取决于 Bootstrap 的作者如何处理框架的结构甚至 CSS 规则的命名，但我还是想听听大家的意见。

谢谢。

Answer 1

我参与了几个元素，在这些元素中我必须做几乎相同的事情。显然，正如您所说，更好的选择是编写自己的 less 文件。保持事物整洁有序与您编写自己的 CSS 的方式有关，对吗？

我的建议是使用你自己的 Less 文件，然后重用一些 Bootstrap 类来指定你的属性。

此外，如果您正确使用 CSS3 继承，可以最大限度地减少带宽浪费。