Ovaj wikiHow vas uči kako preuzeti Bootstrap datoteke na računalo i povezati ih sa svojim HTML tekstovima kako biste koristili Bootstrap elemente u svom kodu. Nakon što preuzmete i povežete Bootstrap datoteke, možete početi koristiti sve stilske tablice i JavaScript elemente Bootstrapa u svom web dizajnu.
Koraci
Korak 1. Otvorite web stranicu Bootstrap u svom internetskom pregledniku
U adresnu traku upišite https://getbootstrap.com i pritisnite ↵ Enter ili ⏎ Return na tipkovnici.
Korak 2. Pritisnite gumb Preuzmi
Ovo će otvoriti stranicu "Preuzimanje".
Korak 3. Kliknite gumb Preuzmi ispod "Prevedeni CSS i JS
" Ovo će preuzeti sve Bootstrap datoteke na vaše računalo kao ZIP arhivu.
Ako se od vas zatraži, odaberite mjesto za spremanje za Bootstrap ZIP
Korak 4. Izdvojite datoteke iz ZIP arhive
Pronađite ZIP datoteku koju ste upravo preuzeli i dvaput kliknite na nju da biste izdvojili sve datoteke u njoj u istu mapu.
- Ovo će izdvojiti dvije mape pod nazivom " css"i" js."
- Ako vaša aplikacija za raspakiranje ne izvlači datoteke automatski, pogledajte ovaj članak da biste vidjeli sve načine na koje možete izvesti ZIP arhivu.
Korak 5. Premjestite izdvojene mape u istu mapu u kojoj se nalaze HTML datoteke vaše web stranice
Otvorite mapu koja sadrži sve HTML datoteke vaše web stranice i povucite gumb " css"i" js"ovdje da ih premjestite u istu mapu kao i dokumenti vaše web stranice.
Sada možete povezati datoteke sa svojim HTML datotekama i početi koristiti Bootstrap u svom kodu
Korak 6. Desnom tipkom miša kliknite HTML datoteku koju želite koristiti s Bootstrapom
Bootstrap možete koristiti samo u jednoj ili u svim HTML datotekama.
Korak 7. Zadržite pokazivač miša iznad Otvori pomoću izbornika desnom tipkom miša
Pojavit će se podizbornik s kompatibilnim aplikacijama.
Korak 8. Odaberite program za uređivanje teksta
Ovo će otvoriti odabranu HTML datoteku u vašem uređivaču teksta.
Možete koristiti jednostavan uređivač teksta poput Bilježnica ili TextEdit kao i namjenski uređivač koda poput Atom (https://atom.io) ili Coda (https://panic.com/coda).
Korak 9. Dodajte Bootstrap veze u zaglavlje vaše HTML datoteke
Prije upotrebe Bootstrap koda u HTML -u morat ćete upisati ili zalijepiti donje retke u zaglavlje koda:
Ako želite povezati i koristiti neke druge datoteke iz mapa css i js, samo dodajte nove retke u zaglavlje, a dijelove css/bootstrap.css i js/bootstrap.js zamijenite imenima datoteka koje želite Povezati
Korak 10. Provjerite položaj vaših Bootstrap veza u kodu
U zaglavlju HTML -a obje linije trebaju biti smještene između redaka i retka.
- Nakon što dodate ove retke u zaglavlje, možete početi koristiti Bootstrap elemente u ovoj HTML datoteci.
- Potpuni popis svih elemenata Bootstrapa možete pronaći na https://getbootstrap.com/docs/4.3/getting-started/introduction. Samo kliknite bilo koju kategoriju poput Raspored ili Komponente na lijevom izborniku.
- Nakon što instalirate Bootstrap, možete umetnuti ili kopirati/zalijepiti bilo koji dio koda odavde u svoj kôd.