相关疑难解决方法(0)

我刚从Twitter开始使用Bootstrap,我想知道什么是"最佳实践"用于定制.我想开发一个系统,该系统将利用一个CSS模板的所有电源(引导或其他),彻底(容易地)修改的,是可持续的(即 - 当引导的下一个版本是从Twitter的我不要公布"我必须重新开始.

例如,我想在顶部导航中添加背景图像.看起来有三种方法可以解决这个问题:

1. 修改bootstrap.css中的.topbar类.我不是特别喜欢这个,因为我会有很多.topbar项目,我不一定要以同样的方式修改它们.
2. 使用我的背景图像创建新类并应用这两种样式(new和bootstrap到我的元素).这可能会产生样式冲突,可以通过将.topbar类剥离到单独的类中然后仅使用我的自定义类未处理的部分来避免这种冲突.同样,这需要比我认为必要的更多工作,虽然它很灵活,但是当Twitter发布下一部分时,它不允许我轻松更新bootstrap.css.
3. 使用.LESS中的变量来实现自定义.这似乎是一个很好的方法,但没有使用过.很少我担心在客户端编译css和代码可持续性.

虽然我使用的是Bootstrap,但这个问题可以推广到任何css模板.

提前感谢您的意见.

按照本教程，我成功地在使用 .React 创建的 React 应用程序中覆盖 Bootstrap 5 默认颜色create-react-app。在我的内部，/src/scss/custom.scss我可以调用任何新定义的变量并随意使用它，甚至内部新创建的类也custom.scss可以正常工作。btn-primary尽管如此，使用颜色（如、bg-secondary或）的默认 Bootstrap 类text-white根本不会改变。例如，当我使用 时btn-primary，按钮颜色与默认 Bootstrap 原色相同的旧蓝色。

我缺少什么？