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 tablice stilova i JavaScript elemente Bootstrapa u svom web dizajnu.
Koraci
Korak 1. Otvorite Bootstrap web lokaciju u svom internet pretraživaču
U adresnu traku upišite https://getbootstrap.com i pritisnite ↵ Enter ili ⏎ Return na tastaturi.
Korak 2. Pritisnite dugme Preuzmi
Ovo će otvoriti stranicu "Preuzimanje".
Korak 3. Pritisnite dugme Preuzmi ispod "Prevedeni CSS i JS
" Ovo će preuzeti sve Bootstrap datoteke na vaše računalo kao ZIP arhivu.
Ako se to od vas zatraži, odaberite lokaciju 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 ekstrahira 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 kao i HTML datoteke vaše web stranice
Otvorite fasciklu koja sadrži sve HTML datoteke vaše web stranice i povucite ikonu " 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 podmeni sa 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 Notepad 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 korištenja Bootstrap koda u HTML -u, morate upisati ili zalijepiti donje redove u zaglavlje koda:
Ako želite povezati i koristiti neke druge datoteke iz mapa css i js, samo dodajte nove retke u zaglavlje i zamijenite dijelove css/bootstrap.css i js/bootstrap.js imenima datoteka koje želite za povezivanje
Korak 10. Provjerite položaj vaših Bootstrap veza u kodu
U zaglavlju HTML -a, obje linije bi trebale biti smještene između linija i retka.
- Nakon što dodate ove retke u zaglavlje, možete početi koristiti Bootstrap elemente u ovoj HTML datoteci.
- Potpunu listu 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 meniju.
- Nakon što instalirate Bootstrap, možete umetnuti ili kopirati/zalijepiti bilo koji dio koda odavde u svoj kod.