Installation

Se rendre dans le répertoire racine du projet puis

npm i bootstrap@5

Utilisation de bootstrap sans sass : 

ajouter au fichier index.js : 

import 'bootstrap/dist/css/bootstrap.css';

Utilisation de bootstrap avec sass

Installer sass

npm install sass

Ajouter dans index.scss par exemple :

$warning: green;
@import "~bootstrap/scss/bootstrap";

Pour pouvoir profiter des outils comme “modal, il faut en plus installer le module “react bootstrap" :

se rendre dans le répertoire racine du projet puis :

  • npm install react-bootstrap bootstrap

sans oublier d’importer les objets concernés :

import Button from "react-bootstrap/Button";
import Modal from "react-bootstrap/Modal";

Utilisation

Il suffit de mettre en places les bonnes "class" pour faire en sorte que votre interface prenne meilleure allure