React-bootstrap 和黑暗 UI

Question

我是 reactjs 的新手。我正在尝试使用普通 CSS 为我的 React webapp 更改背景颜色，但是当我使用 react-bootstrap 时它不会改变。有没有办法通过 react-bootstrap ?

我通过

包含了 react-bootstrap

import 'bootstrap/dist/css/bootstrap.min.css';

在我使用 create-react-app 模板创建的 index.js 文件中。

Answer 1

与第三方 CSS 库的交易是它们总是与我们的 CSS 文件产生冲突。要消除此冲突，请在您的样式中使用 !important（不太受欢迎）或尝试扰乱背景颜色并重新设置它，

background-color: unset;
background-color: #000;

请注意这两行的顺序

React-bootstrap and dark UI