Ta wikiHow vas uči, kako prenesete datoteke Bootstrap v računalnik in jih povežete z besedili HTML za uporabo elementov Bootstrap v kodi. Ko prenesete in povežete datoteke Bootstrap, lahko začnete uporabljati vse slogovne liste in elemente JavaScript Bootstrapa v svojem spletnem oblikovanju.
Koraki
Korak 1. V spletnem brskalniku odprite spletno mesto Bootstrap
V naslovno vrstico vnesite https://getbootstrap.com in pritisnite ↵ Enter ali ⏎ Return na tipkovnici.
Korak 2. Kliknite gumb Prenesi
S tem se odpre stran »Prenos«.
Korak 3. Kliknite gumb za prenos spodaj "Prevedeni CSS in JS
" S tem boste celotne datoteke Bootstrap prenesli v računalnik kot arhiv ZIP.
Če ste pozvani, izberite mesto shranjevanja za Bootstrap ZIP
Korak 4. Izvlecite datoteke iz arhiva ZIP
Poiščite datoteko ZIP, ki ste jo pravkar prenesli, in dvokliknite nanjo, da izvlečete vse datoteke v isti mapi.
- S tem boste izvlekli dve mapi z imenom " css"in" js."
- Če aplikacija za razpakiranje datotek ne odstrani samodejno, si oglejte ta članek in si oglejte vse načine, na katere lahko izvozite arhiv ZIP.
Korak 5. Premaknite izvlečene mape v isto mapo kot datoteke HTML vašega spletnega mesta
Odprite mapo, ki vsebuje vse datoteke HTML vašega spletnega mesta, in povlecite » css"in" js"tukaj, da jih premaknete v isto mapo kot dokumenti vašega spletnega mesta.
Zdaj lahko datoteke povežete s svojimi datotekami HTML in začnete uporabljati Bootstrap v kodi
Korak 6. Z desno tipko miške kliknite datoteko HTML, ki jo želite uporabiti z Bootstrapom
Bootstrap lahko uporabite samo v eni ali vseh datotekah HTML.
Korak 7. Premaknite miškin kazalec na Odpri z v meniju z desnim klikom
Odpre se podmeni z združljivimi aplikacijami.
Korak 8. Izberite program za urejanje besedila
S tem se v urejevalniku besedil odpre izbrana datoteka HTML.
Uporabite lahko preprost urejevalnik besedil, na primer Beležnica ali TextEdit kot tudi namenski urejevalnik kod, kot je Atom (https://atom.io) oz Coda (https://panic.com/coda).
Korak 9. Dodajte povezave Bootstrap v glavo datoteke HTML
Preden uporabite kodo Bootstrap v HTML -ju, morate v glavo kode vnesti ali prilepiti spodnje vrstice:
Če želite povezati in uporabiti nekatere druge datoteke iz map css in js, samo dodajte nove vrstice v glavo in dele css/bootstrap.css in js/bootstrap.js zamenjajte z imeni želenih datotek. povezati
Korak 10. Preverite umestitev povezav Bootstrap v kodo
V glavi HTML morata biti obe vrstici med vrsticami in vrstico.
- Ko te vrstice dodate v glavo, lahko začnete uporabljati elemente Bootstrap v tej datoteki HTML.
- Celoten seznam vseh elementov Bootstrap najdete na https://getbootstrap.com/docs/4.3/getting-started/introduction. Samo kliknite katero koli kategorijo, kot je Postavitev ali Sestavni deli v levem meniju.
- Ko namestite Bootstrap, lahko od tu vstavite ali kopirate/prilepite kateri koli del kode v svojo kodo.