Extinderea Bootstrap

După ce ne-am plimbat prin tot ce ne oferă Boostrap În ceea ce privește CSS-ul său de bază, clasele și componentele pentru a construi interfețe utilizator bogate în funcționalitate și prietenie, putem crede că nu mai are nimic de-a face cu acest cadru, dar adevărul este că putem face totuși mult mai mult.
Putem extinde funcționalitatea Bootstrap mult mai mult, iar acest lucru se datorează în mare parte comunității dezvoltatorilor implicați în căutarea întotdeauna a unor modalități mai bune de a face lucrurile și de aici apar pluginurile și extensiile pentru cadru.
Să vedem ce avem la dispoziție pentru a extinde funcționalitățile cadrului, de la pagini specializate în furnizarea de șabloane și extensii, la componente personalizate.
Pagini de extensie
Să vedem paginile web care ne oferă resurse pentru a extinde funcționalitățile cadrului nostru.

Bootsnipp

Nu există multe modalități diferite de a descrie ceea ce face Bootsnipp, cu toate acestea se poate spune că are tot ce ține de Bootstrap, trecând prin diferitele versiuni ale acestuia la o listă extinsă de șabloane, exemple de coduri, extensii, printre altele.
În plus, are o listă de pagini similare, astfel încât să avem mai multe opțiuni atunci când vine vorba de extinderea cadrului nostru, și nu numai, grupează tot ceea ce oferă în categorii utile, așa că, dacă căutăm ceva anume, avem doar trebuie să accesați această listă sau să căutați după etichete.

MARI

Nu numai că, pagina ne oferă o funcționalitate de construcție a formularului online, care ne permite să glisăm și să fixăm diferitele controale din interior, permițându-ne să selectăm versiunea de Bootstrap în care vrem să ne construim forma.
Putem include câmpuri de text convenționale, zonă de text, liste derulante, butoane radio sau casete de selectare și chiar butoane de acțiune pentru formularul nostru. După ce avem totul gata, apăsăm fila Redat și vom primi codul de implementat în aplicația noastră.

MARI

În sfârșit, avem un constructor de butoane atât pentru versiunea a doua, cât și pentru cea a trei Bootstrap, în acest fel putem adăuga toate stilurile și pictogramele de care avem nevoie fără a fi nevoie să consultăm foaia de stil și toate informațiile despre pictograme, după ce ne-am mulțumit cu butonul nostru, trebuie doar să copiem codul din aplicația noastră pentru a-l genera:

MARI

Înfășurați Bootstrap

Aceasta este o pagină similară cu BootsnipCu toate acestea, cea mai mare diferență constă în faptul că Wrap Bootstrap se concentrează pur și simplu pe șabloane, și nu pe bucățile mici de cod pe care le oferă Bootsnipp, avem șabloane complete de site-uri construite cu Bootstrap.
De asemenea, dacă suntem dezvoltatori, această pagină permite chiar și publicarea șabloanelor noastre, putând genera niște bani cu munca noastră, deci oferă un profit tuturor tipurilor de utilizatori.

MARI

Kituri extinse pentru Bootstrap
Da, putem folosi versiunea standard a Bootstrap Pentru aplicațiile noastre, există câteva kituri extinse care ne oferă versiuni personalizate ale cadrului, putând astfel folosi ceea ce aduce în mod implicit plus încă puțin.

Jasny bootstrap

Unul dintre aceste seturi extinse este Jasny Bootstrap, care are tot ceea ce este versiunea standard Bootstrap, plus câteva funcții suplimentare care îl fac una dintre cele mai fezabile opțiuni de descărcat.

MARI

Implementează apeluri folosind AJAX, precum și noi tipuri de intrări, o componentă pentru încărcarea fișierelor, link-uri pentru rânduri, pictograme suplimentare și multe altele, dacă cu Bootstrap standard aplicațiile noastre arătau bine, cu Jasny vor arăta mult mai bine.

Bootplus

Cu truse complete precum Jasny Nu sunt multe de văzut, cu toate acestea există câteva kituri extinse destul de interesante care merită să fie analizate, unul dintre ele este Bootplus, care își bazează designul în principal pe Google+.

MARI

Aceasta implementează câteva componente noi în cadrul care includ faimoasele carduri ale rețelei sociale, precum și notificări în cel mai bun stil de Google +, deci dacă trebuie să construim un site web cu aceste specificații Bootplus este exact ceea ce avem nevoie.
Kituri de interfață utilizator
De asemenea, avem plugin-uri care sunt axate în principal pe oferirea utilizatorului în ceea ce privește gradul de utilizare cea mai bună experiență posibilă, să vedem.

Combustibil UX

La început, poate da impresia că Fuel UX este un Bootstrap complet cu extensii, dar realitatea este că se concentrează în principal pe interfața cu utilizatorul, deoarece ceea ce face acest lucru este despre scrierea CSS și a stilurilor de bază ale cadrului.
Acest lucru face ca câmpurile noastre vizuale să fie mult mai plăcute și chiar mai atractive, adăugând o utilizare suplimentară, astfel încât utilizatorul să nu fie nevoit să ghicească ce să facă.
Are o serie de componente incredibile, cu toate acestea putem evidenția componenta arborelui sau Copac iar asistentul sau Vrăjitor, acestea vor face ca aplicațiile noastre să arate de o calitate de neegalat.

Bootstrap Validator

Una dintre preferatele noastre, Bootstrap Validator Nu numai că ne permite să construim interfețe de utilizator prietenoase cu componente care arată excelent, ci ne permite, de asemenea, să validăm câmpurile formularului nostru într-un mod simplu care să arate excelent utilizatorului final.
Folosește expresii regulate pentru validări și trebuie să aveți unele cunoștințe de programare pentru utilizarea sa eficientă, cu toate acestea merită să încercați, deoarece rezultatul utilizării acesteia nu este doar aplicațiile care arată bine, ci sunt mai robuste în domeniu. aspect.
Dacă doriți să aflați mai multe despre această extensie, puteți arunca o privire la tutorialul de validare cu Bootstrap Validator, unde se explică cum să o implementați, precum și câteva utilizări în diferite forme pe care i le putem oferi.

Alte componente

În sfârșit, avem două componente destul de particulare, prima numită Bootstrap Switch ne oferă o interfață similară cu cea pe care o avem pe dispozitivele noastre ios, are butoane de pornire și oprire, putem schimba culorile acestora și putem aplica alte funcționalități utile pentru aplicația noastră.

MARI

Cel de-al doilea numit Bootstrap Markdown ne permite să adăugăm un editor la aplicațiile noastre, fără procesul greoi al implementării mai multor biblioteci și fără a face procesarea HTML obișnuită pentru acest tip de intrare de date.

MARI

Am putut ști cum putem extinde funcționalitatea Bootstrap, nu numai cu șabloane bazate pe acesta, ci și versiuni extinse și componente care fac utilizarea acestuia cea mai potrivită pentru dezvoltarea interfețelor utilizator în cadrul aplicațiilor noastre.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