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