Question

我正在为我的网站使用react内置的引导程序（一个不导入任何库并安装额外软件包的引导程序）。现在，我需要定制的原色。我应该如何实现？

Answer 1

要自定义Bootstrap，请创建一个名为src / custom.scss（或类似文件）的文件，然后导入Bootstrap源样式表。在导入的文件之前添加所有替代。您可以参考Bootstrap的文档以获取可用变量的名称。 Bootstrap的文档：https://getbootstrap.com/docs/4.1/getting-started/theming/#css-variables

例如：

// Import Bootstrap and its default variables
@import '~bootstrap/scss/bootstrap.scss';

// change the theme
$theme-colors: (
  "primary": #0074d9,
  "danger": #ff4136
);

最后，在src / index.js文件的开头导入新创建的.scss文件，而不是默认的Bootstrap .css，例如：

import './custom.scss';

了解更多： https://facebook.github.io/create-react-app/docs/adding-bootstrap#using-a-custom-theme

如何更改react内置引导程序的原色？

1 个答案: