样式组件+ reactstrap如何在其他样式表之后导入引导样式表

Question

我需要在我的一些项目中使用bootstrap，我遇到的一个问题是，由于某种原因，引导样式表优先于样式化的组件样式。

import "bootstrap/dist/css/bootstrap.
const StyledButton = styled(Button)`
  background: blue;
`;

预期结果：在我的组件实际结果中使用background specifield：StyledButton具有默认的引导程序背景

例如： https ： //codesandbox.io/s/p2wz01wnz7

我目前正在我的index.js中导入bootstrap，如下所示：

import "bootstrap/dist/css/bootstrap.css";

有没有办法可以强制它加载到最后？ 我也在使用create-react-app，就像在codepen中一样

我不想放

&&&{
}

围绕我的所有风格。

Answer 1

您可以将此import语句放在html文件的标题底部。 如果您有css或scss导入，只需将其放在下面即可。