Cuprins
Este un cadru pentru promovarea coerenței prin instrumente interne. Înainte de Bootstrap, au fost utilizate diverse biblioteci pentru dezvoltarea interfeței cu utilizatorul, ceea ce a dus la neconcordanțe și o sarcină de lucru de întreținere ridicată.
Bootstrap este modular și constă în esență dintr-o serie de foi de stil care implementează varietatea componentelor instrumentului. O foaie de stil numită bootstrap.less include componentele foii de stil. Dezvoltatorii pot adapta același fișier Bootstrap, selectând componentele pe care doresc să le folosească în proiectul lor.
Instrumente și clase disponibile în Bootstrap
Sistem de bandă și design receptiv
Bootstrap vine cu un aspect standard al grilei de 940 pixeli. Alternativ, dezvoltatorul poate utiliza un aspect cu lățime variabilă. Aceasta reglează automat lățimea coloanelor.
Foaia de stil CSS
Bootstrap oferă un set de foi de stil care oferă definiții de stil de bază pentru toate componentele HTML. Acest lucru conferă uniformitate browserului și sistemului de lățime, oferă un aspect modern pentru formatarea elementelor de text, tabelelor și formularelor.
Componente refolosibile
Elementele HTML obișnuite, Bootstrap conține o altă interfață de elemente utilizate în mod obișnuit. Acesta include butoane cu funcții avansate, cum ar fi grupul de butoane sau butoane cu opțiunea de meniu drop-down, liste de navigare, etichete orizontale și verticale, pesmet, paginare, etichete, funcții avansate de miniaturi tipografice, formate de mesaje de alertă și bare de progres.
Pluginuri Javascript și jQuery
Componentele Javascript pentru Bootstrap se bazează pe biblioteca jQuery Javascript. Pluginurile se găsesc în instrumentul de conectare jQuery. Acestea oferă elemente suplimentare de interfață cu utilizatorul, cum ar fi dialoguri, sfaturi de instrumente și carusele.
De asemenea, extind funcționalitatea unor elemente de interfață existente, inclusiv, de exemplu, o funcție de completare automată pentru câmpurile de intrare. Versiunea 2.0 acceptă următoarele pluginuri Javascript: Modal, Dropdown, Scrollspy, Tab, Tooltip, Popover, Alert, Button, Collapse, Carusel și Typeahead.
Pentru a utiliza Bootstrap într-o pagină HTML, dezvoltatorul trebuie doar să descarce foaia de stil Bootstrap CSS și să o conecteze în fișierul HTML.
Descărcați codul CSS și Javascript compilat, care este cel mai simplu mod de a începe cu Bootstrap. Dezavantajul este că această versiune nu include fișierele originale sau documentația. Pentru a descărca această versiune, accesați getbootstrap.com și apăsați butonul Descărcați Bootstrap.
De asemenea, putem alege să ne conectăm la fișierele bootstrap de pe servere externe după cum urmează:
Pentru a utiliza aceste fișiere, modificați următoarele link-uri de pe paginile dvs.
După dezarhivarea fișierului pe care l-ați descărcat împreună cu versiunea compilată de Bootstrap, veți vedea următoarea structură de fișiere și directoare:
bootstrap /
├── css /
│ ├── bootstrap.css
│ ├── bootstrap.min.css
│ ├── bootstrap-theme.css
│ └── bootstrap-theme.min.css
├── js /
│ ├── bootstrap.js
│ └── bootstrap.min.js
└── fonturi /
├── glyphicons-halflings-regular.eot
├── glyphicons-halflings-regular.svg
├── glyphicons-halflings-regular.ttf
└── glyphicons-halflings-regular.woff
Aceste fișiere sunt bibliotecile care alcătuiesc bootstrap, ulterior vom vedea componentele și modul în care sunt utilizate.V-a plăcut și ați ajutat acest tutorial?Puteți recompensa autorul apăsând acest buton pentru a-i oferi un punct pozitiv
