React 引导组件无法正常工作答案

【问题标题】：React bootstrap components are not working properlyReact 引导组件无法正常工作
【发布时间】：2019-09-25 12:41:31
【问题描述】：

我在我的 react 项目中使用 react-bootstrap 前端库。 React-bootstrap 组件无法正常工作。

我还查看了官方的 react-bootstrap 网站，它也错过了网站的样式。

样式问题的原因可能是什么？

我已经尝试添加 import 'bootstrap/dist/css/bootstrap.min.css'; 在 index.js 文件中，但这会影响我不想弄乱的其他 UI 组件。

【问题讨论】：

【解决方案1】：

您必须为以下内容添加导入：

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

在您的 index.js 或其他任何内容中。如果导入会弄乱页面上的设计，则必须调整使用的类等。需要加载 Bootstrap 样式才能使用 react-bootstrap 库。

【讨论】：