javascript - React-Bootstrap 和 Bootstrap-sass modal.scss 未加载

Question

我有一个 React 应用程序，它使用 react-bootstrap + bootstrap-sass。

我像这样在我的主 app.scss 中加载 bootstrap.scss 文件:

@import '~bootstrap-sass/assets/stylesheets/_bootstrap';

在我的页面中，我从 React-Bootstrap 实现了一个简单的组件。

但是模态窗口没有任何 CSS，所以看起来很糟糕。

我试过直接加载 modal.scss

@import '~bootstrap-sass/assets/stylesheets/bootstrap/_modals';

但仍然没有应用任何样式。 (虽然模态按预期出现和隐藏)。

Bootstrap scss 已加载，因为按钮、下拉菜单等的样式已存在。

Answer 1

您需要将编译后的 CSS 导入到它适用的组件 JSX 文件中。