Utilisation de bootstrap avec npm et WebPack

par

sources: https://webpack.js.org/loaders/html-loader

Installation de bootstrap avec npm.

Par défaut la version de Bootstrap 5 est installée

npm i boostrap

Dans vos fichiers js il suffit d’importer bootstrap pour l’utiliser

import * as bootstrap from 'bootstrap'

Pour importer le scss de bootstrap afin d’utiliser les mixins

Dans votre app.css :

@import "https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/css/bootstrap.min.css";
@import "~bootstrap/scss/functions";
@import "~bootstrap/scss/variables";
@import "~bootstrap/scss/mixins";

Exemple pour personnaliser un breakpoint md

Laisser un commentaire