Instalarea bootstrap
Cum pot instala bootstrap? În primul rând avem nevoie pentru a obține distribuție pe site-ul oficial butsrap. mai multe opțiuni vor fi oferite la pagina de om:
Descărcați versiunea de producție (produsul final, care poate fi utilizat) și versiunea de dezvoltare (care conține toate sursele)
Diferența dintre aceste versiuni este că versiunea de producție este deja compilat și optimizat, care este complet gata de utilizare, iar versiunea pentru dezvoltare, dimpotrivă, conține codul sursă care urmează să fie compilate.
Ar trebui să adaug că versiunea de dezvoltare poate fi instalat folosind manageri de pachete, cum ar fi: Pergole sau compozitor, și versiunea de producție - cu ajutorul CDN.
După ce ne-am descărcat distribuția necesară și am despachetat, în acest caz, versiunea de producție, să ia în considerare structura cererii. Și așa avem trei directoare: css, js, și fonturi.
bootstrap.css - acesta este fișierul principal, este posibil să se găsească tot ceea ce face bootstrap atât de rece și popular css freymvorokom.
bootstrap-theme.css - este o temă mic, care are prioritate față de stilurile de fișier de master și adaugă o nouă mapare pentru unele dintre componentele (o bună practică să nu afecteze bibliotecile de cod sursă și cadre, se va evita o mulțime de probleme dacă decidem brusc pentru a face upgrade), astfel bootstrap- theme.css poate fi folosit ca o bază bună.
Acum puteți trece direct la conexiunea bootstrap fișiere. Să creeze rădăcina aplicației noastre index.html și defini structura de bază, adăugând că fișierele noastre:
Înainte de închidere adaugă stiluri: bootstrap.min.css și bootstrap-theme.min.css (! fișier de important cu stilurile care va suprascrie stilurile de un alt fișier, este necesar să se plaseze ultimul fișier, astfel încât bootstrap-theme.min.css este situat chiar la final).
În ceea ce privește scenariul, dacă observați, a adăugat biblioteca jQuery, deoarece bootstrap are dependență strictă, și plug-in-uri, pur și simplu nu poate funcționa. Procedura de conectare va fi după cum urmează: jquery.min.js, bootstrap.min.js De ce în această ordine? Este simplu: plugin-uri jQuery necesită, ca un combustibil auto, așa că mai întâi trebuie să realimenteze masina. Ultima nuanță, script-urile conectate sunt cele mai bune la sfârșitul documentului înainte de închidere