Bootstrap je besplatan i naširoko korišten front-end razvojni alat otvorenog koda osmišljen za dizajniranje i prilagodbu responzivnih web stranica za mobilne uređaje. Bootstrap je poznat po tome što sadrži Sass varijable i primjese (mixins), responzivni mrežni sustav, opsežne unaprijed izgrađene komponente, kao i moćne JavaScript dodatke.
Radi se o CSS razvojnom okviru otvorenog koda napisanom u HTML-u, CSS-u, Less (v3), Sass (v4) i JavaScriptu, posebno dizajniranom da web developerima pruži pojednostavljeno rješenje za bržu izradu web stranica. Dizajnerski predlošci temeljeni na CSS-u i JavaScriptu daju vam više opcija za tipografiju, obrasce, gumbe, navigaciju, modale, rotaciju slika i druge komponente sučelja.
Budući da je Bootstrap besplatan, možete ga preuzeti i u njemu kreirati neograničen broj projekata. Upute u nastavku sadrže detalje o tome kako besplatno preuzeti Bootstrap.
Kako besplatno preuzeti i instalirati Bootstrap na svoje računalo
- Kliknite gumb Preuzmi na bočnoj traci kako biste posjetili službenu stranicu za preuzimanje Bootstrapa.
- Za preuzimanje softvera kliknite gumb “Download” kao što je prikazano niže.
- U mapi za preuzimanja pronađite i otvorite zip datoteku koju ste upravo preuzeli. Ona sadrži kompilirane i minimizirane CSS pakete i JavaScript dodatke.
- Iz mape CSS potrebna vam je samo “bootstrap.css” datoteka kao što je prikazano niže. Otvorite mapu CSS i kliknite “view”, zatim odaberite “File name extensions”. Obrišite druge datoteke u mapi.
- Slično tome, u mapi Javascript trebate samo datoteku “bootstrap.js”. Ostalo obrišite, zatim se vratite i datoteke “css” i “js” premjestite u potpuno novu mapu. Sada možete obrisati zip datoteku.
- Sada možete kreirati osnovni .html dokument koristeći odgovarajući program za uređivanje teksta, zatim početi povezivati bootstrap.css i bootstrap.js datoteke sa svojim .html dokumentima. Provjerite da su ove datoteke u istoj mapi kao HTML datoteke vaše web stranice.
Kako deinstalirati Bootstrap s računala
Kako biste Bootstrap uklonili sa svojeg računala ili Maca, jednostavno ispraznite mapu aplikacije u svojem košu za smeće. Otvorite smeće i ispraznite ga ili odaberite i obrišite Bootstrap datoteke.
Ako vas zanima sličan okvir za razvoj front-enda, možete isprobati bilo koju od besplatnih alternativa navedenih u nastavku.
Pregled Bootstrapa
Bootstrap je svestrano i intuitivno rješenje za izradu responzivnog web dizajna. Radi se o besplatnom front-end razvojnom okviru otvorenog koda osmišljenom za brži i lakši web development.
Rad u Bootstrapu daje vam pristup raznim HTML i CSS predlošcima dizajna za razvoj tipografije, obrazaca, gumba, tablica, navigacije, modala, ugrađivanje video zapisa, rotirajućih slika i, po izboru, JavaScript dodataka.
Najnovija verzija sadrži novu komponentu tzv. off-canvas izbornika koja rješava ovisnost o jQueryju u korist vanilla JavaScripta. Između ostalog, možete dodati i skup SVG ikona i CSS prilagođenih svojstava ili poboljšani API.
Značajke Bootstrapa
- Responzivnost: Bootstrapove responzivne CSS značajke prilagođavaju se mobilnim telefonima, tabletima i računalima.
- Razni predlošci dizajna: Sadrži razne predloške dizajna temeljene na HTML-u, JS-u i CSS-u.
- Fleksibilnost i jednostavnost: Za svaki projekt imate višestruki izbor boja, veličina, fontova i izgleda stranice (to je najistaknutija komponenta Bootstrapa) kojima možete prilagoditi izgled svojeg web sadržaja.
- Javascript komponente: Za razliku od nekih drugih front-end okvira, Bootstrap ima više JavaScript komponenti koje uključuju jQuery dodatke.
- Usmjerenost na mobilne uređaje: Bootstrap dizajn fokusiran je na stilove za mobilne uređaje.
- Kompatibilnost s preglednicima: Bootstrap 5 kompatibilan je sa svim modernim preglednicima, uključujući Chrome, Microsoft Edge, Mozilla Firefox, Safari i Operu.
- Jednostavnost korištenja: Sve što vam treba kako biste započeli koristiti Bootstrap je osnovno znanje HTML-a i CSS-a.
Besplatne alternative za Bootstrap
Foundation: Foundation je skupina front-end okvira koja vam omogućuje jednostavnu izradu responzivnih web stranica i aplikacija te e-pošte za bilo koji uređaj. Foundation je temeljitiji i detaljniji od Bootstrapa i sadrži sve što vam je potrebno za postavljanje aplikacija. Osim toga, Foundation možete prilagoditi tako da odgovara specifičnim zahtjevima, a podržava i jezike koji se pišu zdesna nalijevo.
Bulma: Bulma je CSS okvir koji je u mnogo pogleda sličan Bootstrapu. Temelji se na modulu nazvanom flexbox. Osim JS dodataka, Bulma sadrži većinu front-end elemenata koje ćete pronaći u Bootstrapu. Neke značajke koje nudi Bulma uključuju prilagođavanje mobilnim uređajima, normalizirani CSS, prilagodljivu temu, osnovnu tipografiju itd.
HTML5 Boilerplate: HTML5 Boilerplate je HTML5, CSS3 i JavaScript front-end predložak kojeg je kreirala nekolicina developera. Idealan je za izradu i dizajn svih vrsta web stranica i za izradu brzih, robusnih i responzivnih stranica i web aplikacija.
Često postavljana pitanja
Je li Bootstrap besplatan?
Bootstrap ne samo da je besplatan, nego vam osim toga daje pristup svim alatima koji su potrebni za izradu brzih i responzivnih web stranica. Pratite ove jednostavne korake i besplatno preuzmite Bootstrap.
Je li Bootstrap siguran?
Da, sigurno je preuzeti i instalirati Bootstrap, pod uvjetom da softver preuzimate sa službene Bootstrap stranice. Tako sprječavate zarazu virusima, zlonamjernim i špijunskim softverima.
Mogu li pomoću Bootstrapa izraditi stranicu s često postavljanim pitanjima?
Najnoviji Bootstrap 5 nudi komponente kao što su tzv. harmonika ili padajući izbornik koje možete iskoristiti za izradu odjeljka s često postavljanim pitanjima.