See wikiHow õpetab teile Bootstrap -failide arvutisse allalaadimist ja nende linkimist HTML -tekstidega, et kasutada koodis Bootstrap -elemente. Kui olete Bootstrap -failid alla laadinud ja linkinud, võite hakata oma veebikujunduses kasutama kõiki Bootstrapi stiililehti ja JavaScripti elemente.
Sammud
Samm 1. Avage oma Interneti -brauseris Bootstrapi veebisait
Sisestage aadressiribale https://getbootstrap.com ja vajutage klaviatuuril ↵ Enter või ⏎ Return.
Samm 2. Klõpsake nuppu Laadi alla
See avab lehe "Laadi alla".
Samm 3. Klõpsake allpool nuppu "Laadi alla CSS ja JS"
" See laadib täielikud Bootstrap -failid arvutisse ZIP -arhiivina.
Kui teil palutakse, valige Bootstrap ZIP -i jaoks salvestuskoht
Samm 4. Pakkige failid ZIP -arhiivist välja
Leidke äsja alla laaditud ZIP-fail ja topeltklõpsake seda, et kõik selles olevad failid samasse kausta eraldada.
- See eraldab kaks kausta nimega " css"ja" js."
- Kui teie lahtipakkimisrakendus ei võta faile automaatselt välja, vaadake seda artiklit, et näha kõiki viise, kuidas saate ZIP -arhiivi eksportida.
Samm 5. Liigutage ekstraheeritud kaustad oma veebisaidi HTML -failidega samasse kausta
Avage kaust, mis sisaldab kõiki teie veebisaidi HTML -faile, ja lohistage css"ja" js"kaustad siia, et teisaldada need samasse kausta kui teie veebisaidi dokumendid.
Nüüd saate failid oma HTML -failidega linkida ja alustada koodis Bootstrapi kasutamist
Samm 6. Paremklõpsake HTML-faili, mida soovite Bootstrapiga kasutada
Bootstrapi saate kasutada ainult ühes HTML -failis või kõigis.
Samm 7. Hõljutage hiire parema nupuga menüüs nuppu Open with
Ilmub alammenüü ühilduvate rakendustega.
Samm 8. Valige oma tekstiredaktoriprogramm
See avab valitud redaktoris valitud HTML -faili.
Võite kasutada lihtsat tekstiredaktorit, näiteks Märkmik või TextEdit samuti spetsiaalne koodiredaktor Aatom (https://atom.io) või Coda (https://panic.com/coda).
Samm 9. Lisage Bootstrapi lingid oma HTML -faili päisesse
Enne Bootstrapi koodi kasutamist HTML -is peate tippima või kleepima allolevad read oma koodi päisesse:
Kui soovite linkida ja kasutada mõnda muud faili kaustast css ja js, lisage lihtsalt päisesse uued read ja asendage osad css/bootstrap.css ja js/bootstrap.js soovitud failide nimedega. linkimiseks
Samm 10. Kontrollige Bootstrapi linkide paigutust koodis
HTML -i päises peaksid mõlemad read asuma ridade ja rea vahel.
- Kui olete need read päisesse lisanud, võite hakata selles HTML -failis kasutama Bootstrapi elemente.
- Bootstrapi elementide täieliku loendi leiate aadressilt https://getbootstrap.com/docs/4.3/getting-started/introduction. Lihtsalt klõpsake mis tahes kategooriat nagu Paigutus või Komponendid vasakpoolses menüüs.
- Kui olete Bootstrapi installinud, saate siit sisestada või kopeerida/kleepida mis tahes koodi.