React-bootstrap carousel样式不适用

Question

我已经使用以下命令安装了react-bootstrap：

npm install react-bootstrap bootstrap

命令，并成功导入：

import Carousel from 'react-bootstrap/Carousel'
<Carousel>
...
</Carousel>

但是它的风格并不适用！我需要做些什么才能正确使用它？

Answer 1

React-Bootstrap不会自动附带bootstrap CSS -它只生成相应的带有类的div元素。

如果您正在使用css模块，请在index.js中导入引导css。

import "bootstrap/dist/css/bootstrap.min.css";

如果你使用普通的超文本标记语言，以某种方式在你的超文本标记语言文件中包含bootstrap.min.css。