Javascript React引导程序Carousal样式未渲染

Javascript React引导程序Carousal样式未渲染,javascript,reactjs,carousel,react-bootstrap,Javascript,Reactjs,Carousel,React Bootstrap,我的react引导带旋转木马没有使用正确的样式进行渲染 import React from "react"; import RBCarousel from "react-bootstrap-carousel"; export default class StampCards extends React.PureComponent { constructor(props) { super(props); } render() {

我的react引导带旋转木马没有使用正确的样式进行渲染

import React from "react";
import RBCarousel from "react-bootstrap-carousel";

export default class StampCards extends React.PureComponent {
    constructor(props) {
    super(props);
}

render() {
    return (
        <div className="slider-container">
            <RBCarousel animation={true} autoplay={false} slideshowSpeed= 
             {2000} version={4} onSelect={this.onSelect} ref={r => 
            (this.slider = r)}>
                <div>Page1</div>
                <div>Page2</div>
            </RBCarousel>
       </div>
);}}
从“React”导入React;
从“react引导转盘”导入RBCarousel;
导出默认类StampCards扩展React.PureComponent{
建造师(道具){
超级(道具);
}
render(){
返回(
(this.slider=r)}>
第1页
第2页
);}}
下面是呈现的内容

但我想要的是这样的东西

问题是我忘记导入引导css

尝试导入

import ReactDOM from "react-dom";
import "react-bootstrap-carousel/dist/react-bootstrap-carousel.css";

您在哪里导入了css?缺少css导入导入“react bootstrap carousel/dist/react bootstrap carousel.css”`根据文档,您还需要缺少的引导css。导入“bootstrap/dist/css/bootstrap.css”;这里的医生