Javascript React引导仅关闭按钮样式不起作用

对于我在React Bootstrap中使用的所有组件，除了内置在Modals、Alerts等中的close按钮之外，所有样式都正常工作。下面的示例

警报组件-预期的

我看到的警报组件

模态组件-预期的

我看到的模态组件

同样的事情也发生在我使用的构建在React引导之上的npm包上，比如

以下是我正在使用的依赖项：

"bootstrap": "^5.0.0-beta1",
"popper.js": "^1.16.1",
"react-bootstrap": "^1.4.0",
"react-bootstrap-typeahead": "^5.1.4"

我在我的

index.js

文件中导入引导CSS：

导入'bootstrap/dist/css/bootstrap.min.css'；
ReactDOM.render(
,
document.getElementById（'root'））
);我安装了
引导“^5.0.0-beta1”
。我需要
引导“^4.5.3”
和
反应引导“^1.4.0”

我用npm卸载了5版的引导。已安装版本4.5.3。关闭我的终端，重新启动它，然后运行
run start
。然后，样式按预期工作。
在我的例子中，我安装了“引导”：“^5.0.1”和“react引导”：“^1.6.0”。我卸载了react引导，然后升级到“react引导”：“^2.0.0-alpha.2”，关闭按钮的样式正确。
我用此CSS修复了它：

.close:：before{
内容：“X”；
能见度：可见；
颜色：“黑色”；
字体大小：粗体；
}
仅sr：：之前{
可见性：隐藏；
}
.结束{
/*背景色：红色*/
可见性：隐藏；
位置：绝对位置；
右：32px；
顶部：10px；
宽度：20px；
高度：20px；
背景色：rgb（247,12,12,0.5）；
}
这个问题与其他问题不同，因为我导入了
bootstrap.min.css
。这与问题不同，因为关闭按钮是功能性的。它们只是没有设置样式。当您签入inspector时是否应用了样式，是否被应用程序中的某些内容覆盖？解决方案就在这里。若要添加到@crosx的注释中：请打开浏览器的检查器，检查“关闭”按钮，让我们知道应用了哪些CSS规则，以及它们位于哪些文件中。@crosx@kmoser感谢您的建议！我现在已经做了这些编辑。在我看来，按钮应用了一个
.close
类，但在
bootstrap.min.css
中没有这方面的规则。我要看看是否需要导入不同版本的引导。