- Öffne ein Terminal oder eine Befehlszeile auf Deinem Computer.
-
Navigiere zu dem Verzeichnis, in dem Du Deine Webseite erstellen möchtest.
-
Gib den ertsen Befehl im Beispiel ein Befehl ein, um Bootstrap 5 über NPM zu installieren.
Dieser Befehl lädt Bootstrap 5 herunter und installiert es in Deinem Projektverzeichnis.
- Erstelle eine neue HTML-Datei und füge den zweiten Teil des Codes in den
head-Bereich Deiner Webseite ein.
Dieser Code verweist auf die installierte Bootstrap-5-CSS-Datei und bindet sie in Deine Webseite ein.
- Füge den dritten Teil des Codes am Ende des
body-Bereichs Deiner Webseite ein, um die Bootstrap-5-JavaScript-Datei zu laden
Dieser dritte Code verweist auf die installierte Bootstrap-5-JavaScript-Datei und lädt sie in Deine Webseite.
Jetzt kannst Du Bootstrap-5-Komponenten in Deiner Webseite verwenden, indem Du die Bootstrap-5-Klassen auf Deine HTML-Elemente anwendest.
Bootstrap 5 über NPM zu installieren bietet mehrere Vorteile, wie z.B. die einfache Aktualisierung auf neue Versionen und eine bessere Skalierbarkeit.
Konsole:
npm install bootstrap
HTML:
<!-- Bootstrap-5 CSS -->
<link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.min.css">
<!-- Bootstrap-5 JS -->
<script src="node_modules/bootstrap/dist/js/bootstrap.min.js"></script>