Lernen Installation von Bootstrap über Npm

Die Installation von Bootstrap über NPM ermöglicht eine effizientere Verwaltung von Abhängigkeiten und die Integration von Bootstrap in den Projekt-Build-Prozess.

So wird Bootstrap über NPM installiert:

Im Terminal sollte folgender Befehl ausgeführt werden:

Nach der Installation von Bootstrap können die Bootstrap CSS- und JavaScript-Dateien in die HTML-Datei eingebunden oder bei Bedarf in JavaScript-Dateien importiert werden;
Beispielsweise kann das CSS und JS von Bootstrap in der Haupt-HTML-Datei (z. B. index.html) wie folgt eingebunden werden:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Bootstrap Example</title>
    <!-- Include Bootstrap CSS -->
    <link
      rel="stylesheet"
      href="node_modules/bootstrap/dist/css/bootstrap.min.css"
    />
  </head>
  <body>
    <button class="btn btn-primary">Click me</button>

    <!-- Include Bootstrap JS -->
    <script src="node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
  </body>
</html>

Hinweis

In diesem Kurs verwenden wir CDN-Links, um Bootstrap-Funktionen in das Projekt zu integrieren. Diese Methode erspart die Verwaltung komplexer Abhängigkeiten.

Falls Sie jedoch lieber lokal mit NPM arbeiten möchten, ist das ebenfalls vollkommen in Ordnung. Die folgenden Themen funktionieren unabhängig davon, wie Sie Bootstrap in Ihr Projekt einbinden, identisch.

War alles klar?

Danke für Ihr Feedback!

Abschnitt 2. Kapitel 3

Fragen Sie AI

Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen

Awesome!

Completion rate improved to 3.23

Swipe um das Menü anzuzeigen