Turinys
Tai sistema, skatinanti nuoseklumą naudojant vidines priemones. Prieš „Bootstrap“ naudotojo sąsajai kurti buvo naudojamos įvairios bibliotekos, dėl to atsirado nenuoseklumų ir didelis priežiūros krūvis.
„Bootstrap“ yra modulinis ir iš esmės susideda iš daugybės stiliaus lapų, kuriuose įdiegta įrankio įvairovė. Stilius, vadinamas bootstrap.less, apima stiliaus lapo komponentus. Kūrėjai gali pritaikyti tą patį „Bootstrap“ failą, pasirinkdami komponentus, kuriuos nori naudoti savo projekte.
„Bootstrap“ prieinami įrankiai ir klasės
Gang sistema ir reaguojantis dizainas
„Bootstrap“ turi standartinį 940 pikselių pločio tinklelio išdėstymą. Arba kūrėjas gali naudoti kintamo pločio išdėstymą. Tai automatiškai sureguliuoja stulpelių plotį.
CSS stiliaus lapas
„Bootstrap“ pateikia stiliaus lapų rinkinį, kuriame pateikiami pagrindiniai visų HTML komponentų stiliaus apibrėžimai. Tai suteikia naršyklei ir pločio sistemai vienodumą, suteikia šiuolaikišką tekstinių elementų, lentelių ir formų formatavimą.
Daugkartinio naudojimo komponentai
Įprastuose HTML elementuose „Bootstrap“ yra dar viena dažniausiai naudojama elementų sąsaja. Jame yra mygtukai su išplėstinėmis funkcijomis, tokiomis kaip mygtukų grupė arba mygtukai su išskleidžiamojo meniu parinktimi, naršymo sąrašai, horizontalios ir vertikalios etiketės, naršymo juosta, puslapių numeracija, etiketės, išplėstinės spausdinimo miniatiūrų galimybės, įspėjimų pranešimų formatai ir eigos juostos..
„Javascript“ ir „jQuery“ papildiniai
„Bootstrap“ „Javascript“ komponentai yra pagrįsti „jQuery Javascript“ biblioteka. Papildiniai yra „jQuery“ papildinių įrankyje. Jie suteikia papildomų vartotojo sąsajos elementų, tokių kaip dialogai, patarimai ir karuselės.
Jie taip pat praplečia kai kurių esamų sąsajos elementų funkcijas, įskaitant, pavyzdžiui, įvesties laukų automatinio užbaigimo funkciją. 2.0 versija palaiko šiuos „Javascript“ papildinius: „Modal“, „Dropdown“, „Scrollspy“, „Tab“, „Tooltip“, „Popover“, „Alert“, „Button“, „Collapse“, „Carousel“ ir „Typeahead“.
Norėdami naudoti „Bootstrap“ HTML puslapyje, kūrėjas tiesiog turi atsisiųsti „Bootstrap CSS“ stiliaus lapą ir susieti jį su HTML failu.
Atsisiųskite sukurtą CSS ir „Javascript“ kodą, kuris yra lengviausias būdas pradėti naudoti „Bootstrap“. Neigiama yra tai, kad šioje versijoje nėra originalių failų ar dokumentų. Norėdami atsisiųsti šią versiją, eikite į getbootstrap.com ir paspauskite Download Bootstrap mygtuką.
Taip pat galime pasirinkti susieti su įkrovos failais iš išorinių serverių taip:
Jei norite naudoti šiuos failus, savo puslapiuose pakeiskite šias nuorodas
Išpakuodami failą, kurį atsisiuntėte naudodami „Bootstrap“ versiją, pamatysite šią failo ir katalogo struktūrą:
bootstrap /
├── css /
Boot ── bootstrap.css
── bootstrap.min.css
── bootstrap-theme.css
Boot ── bootstrap-theme.min.css
├── js /
├── bootstrap.js
│ └── bootstrap.min.js
└── šriftai /
├── glifikonai-puslankiai-taisyklingas.eot
├── glyphicons-halflings-regular.svg
├── glifikonai-puslankiai-taisyklingi.ttf
└── glifikonai-puslankiai-taisyklingi.nublokšti
Šie failai yra bibliotekos, sudarančios „bootstrap“, vėliau pamatysime komponentus ir kaip jie naudojami.Ar jums patiko ir padėjo ši pamoka?Galite apdovanoti autorių paspausdami šį mygtuką, kad suteiktumėte jam teigiamą tašką
