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