Bootstrap cdn 覆盖了我在 React js 中的自定义 CSS 样式

Question

我使用 CSS 在 ReactJS 中设计了一个网页。对于其中一个组件，我使用 Bootstrap 进行样式设置。我添加了最新的 bootstrap cdn 链接并将其粘贴到“index.html”文件中。当我使用该引导程序链接时，它会覆盖我的一些自定义样式。我的项目的每个组件都有一个单独的 CSS 和 JS 文件。请建议任何解决方案，我应该将该引导链接放在我的项目中的哪里，以便它不会覆盖我的自定义 CSS 样式。谢谢。

Answer 1

这闻起来像是错误的 css 包含顺序。您可以在浏览器中查看。要解决这个问题，可以通过以下几种方法：

1. link尝试将 bootstrap css 包含在第一个head部分（之后meta）。
2. 尝试将您的 css via 包含import在您的index.js文件中。

第二种方式应该是这样的：

import "https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css";
import "./styles.css";