Bootstrap карта в реакции

Question

Я страдаю от реализации bootstrap в реакции. Вначале я установил bootstrap4, но у меня плохая компоновка, затем использовал response- bootstrap, и у меня возникла та же проблема. Тело, название и кнопка карты появляются на самом изображении введите описание изображения здесь

import React from 'react';
import { Card, Button } from 'react-bootstrap';



const WorkCard = () => {
    return (
        <div>
            <Card style={{ width: '18rem' }} >
                <Card.Img variant="top" src="holder.js/100px180" />
                <Card.Body>
                    <Card.Title>Card Title</Card.Title>
                    <Card.Text>
                        Some quick example text to build on the card title and make up the bulk of
                        the card's content.
                    </Card.Text>
                    <Button variant="primary">Go somewhere</Button>
                </Card.Body>
            </Card >
        </div>
    )
}

export default WorkCard;

Answer 1

Использование sass перекрывало bootstrap, поэтому я исправил это.