Înainte de a vorbi despre funcționalitatea lui Bootstrap, voi face un tur rapid al lui Bootstrap, din care veți afla ce este și ce mănâncă.
Bootstrap este un cadru care vă va ajuta să creați rapid și ușor site-uri Web statice și aplicații web. Deci, puteți lucra cu sau HTML pur și simplu statică în forma în care este în Bootstrap sau puteți încerca să-l combine cu altceva, cum ar fi PHP sau cu orice CMS. Puteți crea ceva mai dinamic și puteți controla partea client a site-ului dvs. prin Bootstrap.
Bootstrap este popular printre dezvoltatorii de servere. vă permite să construiți o parte simplă a unui simplu client al site-ului, fără a necesita cunoștințe speciale despre HTML și CSS.
Bootstrap este folosit de diverse organizații, cum ar fi NACO, Discus, etc.
Exemple de site-uri care sunt construite pe Bootstrap, sau mai degrabă pe aceste site-uri veți găsi site-uri care sunt construite pe Bootstrap:
Ce este nou în Bootstrap 3
Această versiune de Bootstrap este dezvoltată de la zero și, în primul rând, cu referire la dispozitivele mobile. Grilă este construit în așa fel încât să puteți personaliza mai întâi site-ul pentru ecrane mici, și numai apoi măriți dimensiunea.
Completat cu Bootstrap 3, un singur sistem de rețea - receptiv, dar cu funcționalitate mai avansată (și înainte de a fi, de asemenea, adaptive). Există 4 grilaje de diferite dimensiuni și o plasă suplimentară mică, medie și mare.
Bootstrap oprește suportul pentru IE7 și FireFox 3.6. Dar pentru ca site-ul sa functioneze in IE8, este necesar sa se faca unele fraude, pe care le vom lua in considerare in urmatoarele lectii. În toate celelalte Bootstrap funcționează fără probleme.
Unul dintre lucrurile minunate care apar în kit sunt fonturile pe care le puteți folosi ca pictograme. Anterior, pachetul Bootstrap a inclus un pachet de sprites (aproximativ 100 de pictograme într-un PNG). Aceasta nu a fost cea mai gravă opțiune, dar sa dovedit că nu era ușor să măriți pictograma, să schimbați culoarea, deoarece totul era într-un raster. Și acum vom lucra cu fonturi (grafică vectorială) și putem schimba cu ușurință culoarea și aspectul.
Unii oameni se întreabă dacă ar trebui să lucrați întotdeauna cu Bootstrap sau alte cadre? Răspunsul de aici nu este unic și depinde de sarcina pe care încercați să o rezolvați.
Dacă vorbim despre proiectarea părții client, atunci există mai multe abordări:
- Considerăm proiectarea părții client ca fiind ceva gata (șablon) și inserați-o imediat pe site, cu excepția faptului că putem face unele modificări
- Sau, din nou, de fiecare dată, trageți din nou un desen, creați și de fiecare dată când o facem din nou. Aceasta este o abordare mai lungă și mai costisitoare.
Avantajele sistemului Bootstrap
Dar un cadru receptiv este ceva în mijloc, o parte din lucrare este deja făcută pentru tine. Nu aveți nevoie să vă gândiți la anumite aspecte ale designului.
Să presupunem că sistemul de rețea este excelent pentru aspectul paginii - nu trebuie să scrieți propria grilă pentru fiecare site nou, dar în același timp este suficient de flexibilă. Și Bootstrap cu CSS-ul său flexibil include și LESS CSS (acestea sunt sisteme preprocesor CSS care vă permit să centralizați stilurile). Acesta vă permite să particularizați aspectul Bootstrap la gustul dvs.
Bootstrap nu trebuie să arate neapărat ca Bootstrap. De multe ori bootstrap este vina pentru faptul că toate site-urile de pe ea arata la fel, mai ales așa spun designerii. Dar nu este așa. Bootstrap arata ca tu vrei, si tu poti schimba aceasta dincolo de recunoastere - este o chestiune de timp si dorinta.
Dezavantaje ale Bootstrap
Mulți se plâng că trebuie să scrieți 10 sau 20 de linii de cod în cazul în care, într-un alt caz, vă puteți limita la un cuplu. Dar aceasta este o necesitate, când vine vorba de flexibilitatea cochiliei.
Designul receptiv trebuie să fie mai întâi stăpânit și, pentru aceasta, trebuie să vă petreceți mult timp.
Dar, dacă ați decis să studiați Bootstrap, ați făcut alegerea potrivită, deoarece În viitor, vă va ajuta să nu faceți același loc de muncă o grămadă de timpuri, economisiți timp.