在 React 应用程序中导入 Bootstrap CSS

从头开始创建和设置 React 组件的样式可能是一个耗时的过程。这就是为什么这么多 React 开发人员依赖像 Bootstrap 这样的外部库来设置他们的组件样式的原因。

这些库激发了 UI 组件的样式,例如按钮和输入字段。

安装 Bootstrap 不会使其样式在你的应用程序中自动可用;你仍然需要导入库。

在你的 React 应用程序中使用 Bootstrap 的确切过程取决于你的设置和环境。本文将探讨使库在你的应用程序中可用的最常见解决方案。

在 React 中导入和使用 Bootstrap CSS 来设置 create-react-app

create-react-app 设置使导入和使用 Bootstrap CSS 变得容易。如果你像大多数初学者 React 开发人员一样使用此环境,那么你只需遵循简单的步骤。

首先,你必须安装 Bootstrap。