So importieren Sie Bootstrap

Es gibt vier Möglichkeiten, das Bootstrap-Framework zu importieren: Fügen Sie HTML-Code über CDN hinzu. Verwenden Sie npm, um die JavaScript-Dateien zu installieren und zu importieren. Laden Sie Bootstrap herunter und verweisen Sie auf lokale CSS- und JavaScript-Dateien. Installieren und importieren Sie Präprozessordateien über Sass oder Less.

So importieren Sie Bootstrap

Bootstrap ist ein beliebtes Front-End-Framework, das die Webentwicklung vereinfacht und reaktionsfähige Websites erstellt. Um Bootstrap zu importieren, gibt es mehrere Methoden:

1 CDN (Content Delivery Network)

Dies ist die einfachste Methode. Fügen Sie den folgenden Code zu Ihrem HTML-Kopfabschnitt hinzu:

2. Node.js Package Manager (npm)

Wenn Sie den JavaScript-Paketmanager npm verwenden, können Sie den folgenden Befehl ausführen:

npm install bootstrap --save

Dann in Ihrem Bootstrap wird im Code referenziert:

import 'bootstrap'

3. Lokaler Download

Laden Sie die neueste Version von der Bootstrap-Website herunter und kopieren Sie die Dateien in Ihr Projektverzeichnis. Dann referenzieren Sie sie in Ihrem Code:

4. Installation über Sass or Less

Wenn Sie den Sass or Less-Präprozessor verwenden, können Sie die Sass or Less-Version von Bootstrap installieren.

# Sass npm install bootstrap-sass --save # Less npm install bootstrap-less --save

Dann importieren Sie Bootstrap in Ihre Sass- oder Less-Datei:

@import 'bootstrap'

Hinweis:

• Für die Bootstrap 4-Version ersetzen Sie5.2.0-beta1durch4.6.2 Code>. 5.2.0-beta1替换为4.6.2。
• 对于 Bootstrap 5 Alpha 版本，将5.2.0-beta1替换为5.0.0-alpha6
Ersetzen Sie für die Bootstrap 5 Alpha-Version 5.2.0-beta1durch 5.0.0-alpha6.
• Stellen Sie sicher, dass Sie Bootstrap.css vor Ihren anderen CSS-Dateien platzieren.