Why are react-bootstrap styles not loading?

Question

Bootstrap

import { Button } from 'react-bootstrap';

const Fild = ({ users, showCell }) => (
  <Fragment>
    <Button variant="primary">Primary</Button>
...

The component is displayed, there are no errors in the console, but it looks like a regular button without styles. .Why is that?

Answer 1

You have not loaded css or scss styles
in App.js
import '...../scss/bootstrap.scss';