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

Créer le fichier src/scss/index.scss (par exemple) :

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

Importer depuis index.tsx le fichier index.scss que vous avez créé :

 import './scss/index.scss';

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