Denne wikiHow lærer dig, hvordan du downloader Bootstrap -filerne til din computer og linker dem til dine HTML -tekster for at bruge Bootstrap -elementer i din kode. Når du har downloadet og linket Bootstrap -filerne, kan du begynde at bruge alle stylesheet og JavaScript -elementer i Bootstrap i dit webdesign.
Trin
Trin 1. Åbn Bootstrap -webstedet i din internetbrowser
Skriv https://getbootstrap.com i adresselinjen, og tryk på ↵ Enter eller ⏎ Return på dit tastatur.
Trin 2. Klik på knappen Download
Dette åbner siden "Download".
Trin 3. Klik på knappen Download herunder "Kompileret CSS og JS
" Dette vil downloade de komplette Bootstrap -filer til din computer som et ZIP -arkiv.
Hvis du bliver bedt om det, skal du vælge en gemmeplacering for Bootstrap ZIP
Trin 4. Udpak filerne fra ZIP -arkivet
Find den ZIP-fil, du lige har downloadet, og dobbeltklik på den for at udtrække alle filerne i den til den samme mappe.
- Dette udtrækker to mapper med navnet " css"og" js."
- Hvis din udpakkede app ikke automatisk udpakker filerne, kan du tjekke denne artikel for at se alle de måder, du kan eksportere et ZIP -arkiv på.
Trin 5. Flyt de udpakkede mapper til den samme mappe som dit websteds HTML -filer
Åbn den mappe, der indeholder alle dit websteds HTML -filer, og træk " css"og" js"mapper her for at flytte dem til den samme mappe som dine webstedsdokumenter.
Du kan nu linke filerne til dine HTML -filer og begynde at bruge Bootstrap i din kode
Trin 6. Højreklik på den HTML-fil, du vil bruge med Bootstrap
Du kan kun bruge Bootstrap i en af dine HTML -filer eller dem alle.
Trin 7. Hold musen over Åbn med i højreklikmenuen
En undermenu dukker op med kompatible apps.
Trin 8. Vælg dit tekstredigeringsprogram
Dette åbner den valgte HTML -fil i din teksteditor.
Du kan bruge en simpel tekstredigerer som Notesblok eller TextEdit samt en dedikeret kodeditor som Atom (https://atom.io) eller Coda (https://panic.com/coda).
Trin 9. Tilføj Bootstrap -linkene til din HTML -fils overskrift
Inden du bruger Bootstrap -kode i din HTML, skal du skrive eller indsætte nedenstående linjer i overskriften på din kode:
Hvis du vil linke og bruge nogle af de andre filer fra css- og js -mapperne, skal du bare tilføje nye linjer i overskriften og erstatte css/bootstrap.css og js/bootstrap.js -delene med navnene på de filer, du ønsker at linke
Trin 10. Kontroller placeringen af dine Bootstrap -links i koden
I HTML -overskriften skal begge linjer være placeret mellem linjerne og linjen.
- Når du har tilføjet disse linjer til overskriften, kan du begynde at bruge Bootstrap -elementer i denne HTML -fil.
- Du kan finde en komplet liste over alle Bootstrap-elementer på https://getbootstrap.com/docs/4.3/getting-started/introduction. Bare klik på en hvilken som helst kategori Layout eller Komponenter i menuen til venstre.
- Når du har installeret Bootstrap, kan du indsætte eller kopiere/indsætte et stykke kode herfra til din egen kode.