Sadržaj
To je okvir za promicanje dosljednosti putem internih alata. Prije Bootstrapa različite su knjižnice korištene za razvoj korisničkog sučelja, što je dovelo do nedosljednosti i velikog opterećenja održavanjem.
Bootstrap je modularni i u biti se sastoji od niza stilskih listova koji implementiraju različite komponente alata. Tablica stilova zvana bootstrap.less uključuje komponente stilske tablice. Programeri mogu prilagoditi istu datoteku Bootstrap, odabirom komponenti koje žele koristiti u svom projektu.
Alati i klase dostupni u Bootstrapu
Sustav bandi i responzivan dizajn
Bootstrap dolazi sa standardnim rasporedom mreže širine 940 piksela. Alternativno, programer može koristiti izgled promjenjive širine. Time se automatski podešava širina stupaca.
Tablica stila CSS
Bootstrap nudi skup stilskih tablica koje pružaju osnovne definicije stilova za sve HTML komponente. To daje ujednačenost pregledniku i sustavu širine, daje moderan izgled za oblikovanje tekstualnih elemenata, tablica i obrazaca.
Komponente za višekratnu upotrebu
Uobičajeni HTML elementi, Bootstrap sadrži još jedno često korišteno sučelje elemenata. Uključuje gumbe s naprednim značajkama, poput grupe gumba ili gumba s opcijom padajućeg izbornika, navigacijskih popisa, vodoravnih i okomitih oznaka, krušnih mrvica, paginacije, oznaka, naprednih mogućnosti tipografskih sličica, formata poruka upozorenja i traka napretka..
Dodaci za Javascript i jQuery
Javascript komponente za Bootstrap temelje se na biblioteci jQuery Javascript. Dodaci se nalaze u jQuery alatu za dodatke. Oni pružaju dodatne elemente korisničkog sučelja kao što su dijalozi, opisi alata i vrtuljci.
Oni također proširuju funkcionalnost nekih postojećih elemenata sučelja, uključujući, na primjer, funkciju automatskog dovršavanja polja za unos. Verzija 2.0 podržava sljedeće Javascript dodatke: Modal, Dropdown, Scrollspy, Tab, Tooltip, Popover, Alert, Button, Collapse, Carousel i Typeahead.
Da bi koristio Bootstrap na HTML stranici, programer samo treba preuzeti Bootstrap CSS stilsku tablicu i povezati je u HTML datoteci.
Preuzmite prevedeni CSS i Javascript kôd, što je najjednostavniji način za početak rada s Bootstrapom. Nedostatak je što ova verzija ne uključuje izvorne datoteke ili dokumentaciju. Za preuzimanje ove verzije idite na getbootstrap.com i pritisnite gumb Download Bootstrap.
Također se možemo odlučiti za povezivanje s bootstrap datotekama s vanjskih poslužitelja na sljedeći način:
Da biste koristili ove datoteke, izmijenite sljedeće veze na svojim stranicama
Nakon raspakiranja datoteke koju ste preuzeli s kompajliranom verzijom Bootstrapa, vidjet ćete sljedeću strukturu datoteke i direktorija:
bootstrap /
├── css /
│ ├── bootstrap.css
│ ├── bootstrap.min.css
│ ├── bootstrap-theme.css
│ └── bootstrap-theme.min.css
├── js /
│ ├── bootstrap.js
│ └── bootstrap.min.js
└── fontovi /
├── glifikoni-polulanci-pravilni.eot
├── glifikoni-poluljupci-pravilni.svg
├── glifikoni-poltroni-pravilni.ttf
└── glifikoni-poltroni-pravilni.woff
Ove datoteke su knjižnice koje čine bootstrap, kasnije ćemo vidjeti komponente i kako se koriste.Je li vam se svidio i pomogao ovaj vodič?Autor možete nagraditi pritiskom na ovaj gumb kako biste mu dali pozitivan bod
