React Bootstrap Carousal, стиль не рендеринг

Question

Моя карусель с реагирующим багажником не рендерится с правильным стилем.

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>
);}}

Вот что делает

Но я хочу что-то вроде этого https://skycloud1030.github.io/react-bootstrap-carousel/example/demoV3.html

Проблема была в том, что я забыл импортировать загрузчик css

Answer 1

Попробуйте импортировать

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