Tutorial zum Laden des Bootstrap-Frameworks auf einer HTML-Seite

Als ich heute Code eingegeben habe, bin ich zufällig auf dieses Problem gestoßen

Teilen Sie diese Lösung mit allen:

1/7

Für uns Entwickler: Laden Sie das kompilierte und komprimierte CSS direkt herunter ., JavaScript-Dateien und enthält auch Schriftartendateien, jedoch keine Dokumentations- und Quellcodedateien. Nach dem Öffnen des entpackten Pakets finden Sie drei Ordner: CSS, Fonts und JS. Dies ist die grundlegendste Form der Bootstrap-Organisation: Die unkomprimierte Version der Datei kann direkt in jedem Webprojekt verwendet werden. Wir stellen komprimierte (bootstrap.min.*) und unkomprimierte (bootstrap.*) CSS- und JS-Dateien zur Verfügung. Die Schriftsymboldatei stammt von Glyphicons

>

2/7

Alle Bootstrap-Plugins basieren auf jQuery. Und in formellen Projekten empfehlen wir die Verwendung der komprimierten Version, da diese klein ist, um die jQuery-Unterstützung herunterzuladen, wie im Bild gezeigt:

3/7

Legen Sie die heruntergeladene jQuery in das js-Verzeichnis im Bootstrap, wie im Bild gezeigt:

4/7

Erstellen Sie ein neues in das Stammverzeichnis der Bootstrap-Datei demo.html (beachten Sie, dass sie im Stammverzeichnis erstellt werden muss, da in den folgenden Schritten die CSS- und JS-Dateien im Bootstrap-Framework mit der erstellten Demo verknüpft werden)

5/7

Bearbeiten Sie die Datei demo.html und fügen Sie Verweise auf das CSS und JS im Bootstrap-Framework hinzu , wir haben im Grunde die grundlegende Nutzungsstruktur des Bootstrap-Frameworks etabliert

6/7

Darüber hinaus stellt Bootstrap offiziell einen Link-Service zur Verfügung, der dauerhaft kostenlos ist, auch wenn Sie ihn nicht herunterladen Wenn Sie die Bootstrap-Framework-Datei lokal verwenden, können Sie sie auch direkt in HTML verwenden:

< ;script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js?1.1. 11">

Das obige ist der detaillierte Inhalt vonTutorial zum Laden des Bootstrap-Frameworks auf einer HTML-Seite. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!