Bootstrap no se aplica aunque se haya importado.

Estoy empezando a utilizar react-bootstrap, sin embargo, los classNames no se aplican en mi componente Confirmation.jsx. He instalado bootstrap y react-bootstrap utilizando yarn. He intentado poner la importación de bootstrap en mi index.js y mi app.js, pero no ha funcionado. También he intentado utilizar ambas:

import ‘../node_modules/bootstrap/dist/css/bootstrap.min.css’;

y

import ‘bootstrap/dist/css/bootstrap.min.css’;

index.js

import React from ‘react’;
import ReactDOM from ‘react-dom’;
import ‘../node_modules/bootstrap/dist/css/bootstrap.min.css’;
import ‘./index.css’;
import App from ‘./App’;
import reportWebVitals from ‘./reportWebVitals’;

ReactDOM.render(
<React.StrictMode>

</React.StrictMode>,
document.getElementById(‘root’)
);

App.js

import React from ‘react’;
import ‘./App.css’;
import { Container, Row, Col } from “react-bootstrap”;
import { CoffeeCard } from ‘./components/CoffeCard’;
import { Confirmation } from ‘./components/Confirmation’;
import coffee from ‘./data/coffee.json’;

function App() {
return (
<>





</>
);
}

export default App;

Confirmation.jsx

import React from “react”;
import { Toast } from ‘react-bootstrap’;

export function Confirmation({ toggle }) {
return(
toggle(false)}>
<Toast.Header>
Añadido artículo al carrito
justo ahora
</Toast.Header>
<Toast.Body>
¡Ese es un buen café que elegiste, quieres otro?
</Toast.Body>

)
}