Bootstrap传送带未在reactjs中显示

Question

您好，我已经使用标准npm install react-bootstrap bootstrap命令安装了bootstrap，并从bootstrap站点实现了carousel代码，但是我没有得到carousel。图片正在一一显示，这是我的代码

import React, {Component} from 'react';
**import {Carousel} from 'react-bootstrap';
import 'bootstrap/dist/css/bootstrap.min.css';**
import CleanHands from '../Images/cleanhands.jpg';
import Heroes from '../Images/heroes.jpg';  

class ImageCarousel extends Component {

    render() {
        return(
                <Carousel>
                    <Carousel.Item>
                        <img
                        className="d-block w-100"
                        src={CleanHands}
                        alt="First slide"
                        style={{width:"40px", height:"40px"}}
                        />
                    </Carousel.Item>
                    <Carousel.Item>
                        <img
                        className="d-block w-100"
                        src={Heroes}
                        alt="Third slide"
                        />
                    </Carousel.Item>

                    <Carousel.Item>
                        <img
                        className="d-block w-100"
                        src={CleanHands}
                        alt="Third slide"
                        />
                    </Carousel.Item>
                </Carousel>

        );
    }
}

export default ImageCarousel;

Answer 1

// Importing the Bootstrap CSS
import 'bootstrap/dist/css/bootstrap.min.css';

这是轮播工作所需的on my repro on Stackblitz