在 Bootstrap 5 中更改主按钮颜色

Question

我希望通过安装 PHP 的 SASS 更改 Bootstrap 5 中主按钮类的颜色。

我最初通过 CDN 包含 Bootstrap，知道我可以制作自定义 .css 文件。我知道我必须确保涵盖所有初级类，但这是更改按钮颜色的一种相对快速和简单的方法。

但这感觉很像 2010 年，而且似乎有更多升级友好的方式来实现这一点。由于a customized bootstrap 不再存在，看起来latest customization recommendations 将使用SASS。

为了完成这个，我切换到composer installation of bootstrap，希望能提供必要的SASS文件，然后我可以从那里add a customization，然后为我的安装进行编译。但是composer package 不包含任何 SCSS 文件，所以我现在感觉有点卡住了。这是我第一次使用 SASS，我似乎找不到任何关于如何使用 PHP 执行此操作的信息。我还查看了其他资源以尝试将其拼凑起来：

SCSSPHP

SASS-Composer

这一切似乎让我更接近使用 SASS 自定义引导程序（我认为）。但是，仅仅改变按钮的颜色也感觉像很多额外的东西。

我可以使用 SASS 和 PHP 来自定义按钮颜色吗？我应该采取哪些步骤？

Answer 1

[我觉得这是一个意见问题。]

我个人没有在 Bootstrap 5 的代码库上尝试过 PHPSASS，但我知道我在使用 NodeSASS 时遇到了一些问题。似乎 Bootstrap 使用（并且更喜欢） DartSASS 作为其源代码。 Dart Sass is the primary implementation of Sass，还有一些其他 SASS 编译器无法处理的特性。

但您还应该考虑为什么要使用基于 PHP 的 SCSS 编译器。

• 如果要渲染动态 CSS，则需要完成大量工作，而且像 Bootstrap 这样复杂的代码库可能太大而无法在每次点击时编译。对于这种方法，您最好使用 CSS 插件（仅通过更改覆盖 CDN 库）。不要担心老派的想法……无论如何，HTML 都是 1989 年的。

• 如果它只编译一次（渲染可重用的 CSS），那么您最好只使用带有 NPM 的 Bootstrap 代码库并为您自己的 Bootstrap 风格创建一个 _variable.scss 文件的变体。 Bootstrap 5 有一组丰富的文档，可以让您从他们的Customize Docs 页面开始。从那里开始......然后他们继续使用bootstrap-npm-starter 项目来构建您自己的项目。