Šis „wikiHow“moko, kaip atsisiųsti „Bootstrap“failus į kompiuterį ir susieti juos su HTML tekstais, kad jūsų kode būtų naudojami „Bootstrap“elementai. Atsisiuntę ir susieję „Bootstrap“failus, galite pradėti naudoti visus „Bootstrap“stiliaus lapus ir „JavaScript“elementus savo žiniatinklio dizaine.
Žingsniai
Žingsnis 1. Atidarykite „Bootstrap“svetainę savo interneto naršyklėje
Į adreso juostą įveskite https://getbootstrap.com ir klaviatūroje paspauskite ↵ Enter arba ⏎ Return.
Žingsnis 2. Spustelėkite mygtuką Atsisiųsti
Tai atvers puslapį „Atsisiųsti“.
Žingsnis 3. Spustelėkite žemiau esantį mygtuką „Atsisiųsti“„Sukompiliuota CSS ir JS
" Tai atsisiųs visus „Bootstrap“failus į kompiuterį kaip ZIP archyvą.
Jei būsite paraginti, pasirinkite „Bootstrap ZIP“įrašymo vietą
Žingsnis 4. Ištraukite failus iš ZIP archyvo
Raskite ką tik atsisiųstą ZIP failą ir dukart spustelėkite jį, kad ištrauktumėte visus jame esančius failus į tą patį aplanką.
- Taip bus išgauti du aplankai pavadinimu " css"ir" js."
- Jei jūsų programa „Unzipper“automatiškai neišskiria failų, peržiūrėkite šį straipsnį ir sužinokite visus būdus, kaip eksportuoti ZIP archyvą.
Žingsnis 5. Perkelkite išgautus aplankus į tą patį aplanką kaip ir svetainės HTML failai
Atidarykite aplanką, kuriame yra visi jūsų svetainės HTML failai, ir vilkite css"ir" js"aplankus, kad juos perkeltumėte į tą patį aplanką kaip ir jūsų svetainės dokumentai.
Dabar galite susieti failus su savo HTML failais ir pradėti naudoti „Bootstrap“savo kode
Žingsnis 6. Dešiniuoju pelės mygtuku spustelėkite HTML failą, kurį norite naudoti su „Bootstrap“
„Bootstrap“galite naudoti tik viename iš HTML failų arba visuose.
Žingsnis 7. Dešiniuoju pelės mygtuku spustelėkite meniu užveskite pelės žymeklį virš Atidaryti su
Atsiras submeniu su suderinamomis programomis.
Žingsnis 8. Pasirinkite teksto rengyklės programą
Tai atvers pasirinktą HTML failą jūsų teksto rengyklėje.
Galite naudoti paprastą teksto redaktorių, pvz Užrašų knygelė arba TextEdit taip pat specialus kodų redaktorius, pvz Atomas (https://atom.io) arba Coda (https://panic.com/coda).
Žingsnis 9. Įtraukite „Bootstrap“nuorodas į savo HTML failo antraštę
Prieš naudodami „Bootstrap“kodą savo HTML, turėsite įvesti arba įklijuoti žemiau esančias eilutes į kodo antraštę:
Jei norite susieti ir naudoti kai kuriuos kitus failus iš aplankų css ir js, tiesiog pridėkite naujų eilučių į antraštę ir pakeiskite css/bootstrap.css ir js/bootstrap.js dalis norimų failų pavadinimais. sujungti
Žingsnis 10. Patikrinkite „Bootstrap“nuorodų vietą kode
HTML antraštėje abi eilutės turi būti tarp eilučių ir eilutės.
- Pridėję šias eilutes prie antraštės, galite pradėti naudoti „Bootstrap“elementus šiame HTML faile.
- Visą „Bootstrap“elementų sąrašą galite rasti adresu https://getbootstrap.com/docs/4.3/getting-started/introduction. Tiesiog spustelėkite bet kurią kategoriją, pvz Išdėstymas arba Komponentai kairiajame meniu.
- Įdiegę „Bootstrap“, galite įterpti arba nukopijuoti/įklijuoti bet kurį kodo fragmentą iš čia į savo kodą.