20 exemple uimitoare de casete de selectare Bootstrap gratuite 2022
Publicat: 2022-01-13Au fost multe ocazii când am avut nevoie să creăm o casetă de selectare Bootstrap pentru diferite proiecte la care am lucrat.
Astfel, am rămas cu multe șabloane reutilizabile. În loc să le păstrăm pentru noi, am decis să mai adăugăm câteva și să LE DĂM PE TOATE.
Pentru. Gratuit.
Până la sfârșitul acestei colecții extinse , veți avea exact pentru ce ați venit aici, în primul rând.
Descărcați unul sau câte doriți și încorporați o casetă de selectare în aplicația dvs. cu ușurință.
Notă : dacă doriți să modificați fragmentele noastre gratuite – mergeți mai departe și faceți acest lucru.
Este randul tau.
Caseta de selectare V01
O colecție de casete de selectare frumoase și colorate care funcționează pentru aproape orice și tot ceea ce îți dorește inima.
Sunt disponibile în albastru, verde, roșu, galben, turcoaz și gri și asigură adaptabilitate completă la dispozitivele mobile.
Utilizatorul le poate selecta pe toate, doar una sau un amestec; depinde de tine să definești acasă multe sunt necesare.
Mai multe informații / Descarcă
Caseta de selectare V02
Pentru a oferi utilizatorului șansa de a-și selecta sporturile preferate, acest fragment de casetă de selectare Bootstrap va face truc.
Înainte de a continua, puteți folosi șablonul și pentru altceva, deoarece nu este nevoie să rămâneți exclusiv la cele trei sporturi.
În timp ce designul este destul de CURAT și MINIMAL, are o specialitate. Casetele de selectare vin cu o animație îngrijită care condimentează UX.
Mai multe informații / Descarcă
Caseta de selectare V03
Este o confirmare de comandă modernă, ușor de utilizat și gratuită, care include animație, astfel încât să nu pară prea plictisitoare.
De asemenea, fiecare buton devine galben odată ce îl selectați. Și le puteți selecta pe amândouă.
Inutil să spunem că dacă doriți să efectuați personalizări și îmbunătățiri , puteți face și asta.
Cu alte cuvinte, fie mergeți cu versiunea ieșită din cutie, fie configurați fragmentul în continuare.
Mai multe informații / Descarcă
Caseta de selectare V04
Acest widget gratuit de casetă de selectare Bootstrap este receptiv, funcționând fără probleme pe diferite dimensiuni de ecran. Vine cu un design înrămat, asigurându-se că iese frumos, astfel încât utilizatorul să nu-l rateze.
În plus, oferă și selecție multiplă pentru a opta doar pentru un articol, două sau toate trei.
În cele din urmă, la selecție apare o bifă SIMPLU.
Mai multe informații / Descarcă
Caseta de selectare V05
Când sunteți în căutarea pentru a adăuga casete de selectare la aplicația dvs., nu începeți de la zero când puteți utiliza oricare dintre soluțiile noastre Bootstrap.
Acestea vin în mai multe variante și modele, cu și fără animații, așa că există ceva pentru toată lumea .
Aceasta este mai fantezistă, cu o evidențiere violetă și o bifă animată.
Mai multe informații / Descarcă
Caseta de selectare V06
Acest fragment gratuit de comutator de comutare este excelent pentru o serie de intenții diferite. O puteți utiliza ca casetă de selectare, chiar și pentru a porni sau dezactiva diferite setări și configurații ale aplicației dvs.
Când comutatorul este pornit, devine roz cu o mică animație drăguță. În plus, dacă doriți să schimbați ceva (culoarea), o puteți face fără să vă opriți.
Mai multe informații / Descarcă
Caseta de selectare V07
Un fragment de comutator de comutare similar bazat pe Bootstrap ca cel de mai sus, doar că acesta vine cu texte în comutator.
Este destul de simplu, deoarece este ON sau OFF, în funcție de dacă selectați sau deselectați controlul. Se pornește cu o animație și schimbarea culorii când îl alegeți.
Încorporarea acestuia în aplicația dvs. va fi, de asemenea, rapidă datorită structurii de bază uimitoare a widget-ului.
Mai multe informații / Descarcă
Caseta de selectare V08
Când adăugați o funcție pe site-ul sau aplicația dvs. pentru ca utilizatorul să opteze pentru modul de noapte sau de zi, aveți nevoie de acest comutator.
Obțineți două comutări, ambele cu pictograme de lună și soare și o schimbare de culoare (de la gri ( modul de noapte ) la galben ( modul de zi ).
Natura sa receptivă asigură o funcționare FECĂ pe dispozitive mobile și desktop.
Mai multe informații / Descarcă
Caseta de selectare V09
Dacă îți urmărești lista de lucruri de făcut și treci de sarcina care a fost încheiată, sunt șanse mari să realizezi mult mai multe într-o zi decât fără.
Șablonul gratuit de casetă de selectare pentru toate prezintă un design minimalist, cu un chenar pentru fiecare sarcină, o bifă și o barare pentru elementele selectate.
Textul trece de la negru la gri atunci când este selectat.
Mai multe informații / Descarcă
Caseta de selectare V10
Dacă căutați ceva diferit în această colecție de șabloane de casete de selectare Bootstrap, acesta este cel pe care nu trebuie să-l ratați.
După cum vedeți din captură de ecran, este un fragment de casetă de selectare EMOJI gratuit cu o față fericită și tristă.
Ceea ce vei folosi depinde în întregime de tine. Este important să știi că nu ar trebui să simți nicio limită.
Mai multe informații / Descarcă
Caseta de selectare V11
Acest fragment de casetă de selectare personalizată Bootstrap 4 vă oferă control deplin asupra modului în care doriți să utilizați marcajele. De exemplu, puteți dezactiva unele, marca unele ca fiind dezactivate și bifate și multe altele.
În plus, instrumentul acceptă, de asemenea, MULTI-SELECTIE pentru confortul dumneavoastră. Personalizați textul, modificați-l în consecință și mergeți de acolo.
Mai multe informații / Descarcă
Caseta de selectare V12
Acest fragment gratuit este destul de similar cu Checkbox V11, doar că designul este diferit, deoarece pare mai îndrăzneț. De asemenea, în loc de casete de selectare rotunde, aceasta prezintă alternative pătrate.
Ce este cool, ambele casete de selectare Boostrap sunt gratuite, ceea ce înseamnă că le puteți testa mai întâi și apoi selectați câștigătorul .
De asemenea, nu este nevoie să vă faceți griji cu privire la capacitatea de răspuns datorită fondului de ten Boostrap.
Mai multe informații / Descarcă
Caseta de selectare V13
De la casete de selectare pătrate la rotunde, le avem pe toate și apoi câteva. Acesta este cel din urmă, cu un design minimalist și integrându-se eficient cu diferite aplicații și site-uri web.
Caseta de selectare V13 are un efect de hover și oferă să bifați casetele de selectare cu dezactivat sau dezactivat și bifate simultan.
De asemenea, acceptă selecția multiplă, astfel încât utilizatorii să poată bifa UNA sau MAI MULTE opțiuni.
Mai multe informații / Descarcă
Caseta de selectare V14
O listă de casete de selectare convenabilă, ușor de utilizat și foarte adaptabilă, bazată pe Bootstrap pentru diferite aplicații, proiecte și site-uri web.
Dacă rămâi la setările implicite, vei zdruncina frumosul ton violet care este foarte atrăgător pentru ochi .
În plus, casetele de selectare sunt pătrate cu margini rotunjite și prezintă un efect de hover atunci când sunt deselectate.
Mai multe informații / Descarcă
Caseta de selectare V15
Există întotdeauna o modalitate de a amesteca simplitatea cu efectele speciale într-un mod convenabil, iar această casetă de selectare Bootstrap dovedește că este corect.
Caracteristica unică a acestui widget este modul în care caseta de selectare se transformă într-o bifare la selecție și invers. În plus, are și caracteristica de a dezactiva casetele de selectare sau de a le face dezactivate, dar bifate.
Mai multe informații / Descarcă
Caseta de selectare V16
Checkbox V16 este fragmentul gratuit perfect pentru toți cei care caută un aspect mai vanilie. Casetele de selectare sunt simpliste, cu un efect de hover și margini rotunjite. Opțiunile dezactivate și bifate sunt, de asemenea, disponibile pentru a fi activate sau ignorate.
Puteți, de asemenea, să-l testați pe un dispozitiv mobil, pentru a fi martor cât de lin funcționează înainte de a apăsa butonul de descărcare.
Mai multe informații / Descarcă
Caseta de selectare V17
Acest șablon de animație pentru casete de selectare este grozav pentru toți cărora le place simplitatea cu o notă de creativitate. În loc să lucrați la el de la zero, vă puteți bucura acum de o execuție ușoară cu o încorporare rapidă în proiectul dvs.
Deși sunteți binevenit să mergeți cu configurațiile implicite, din punct de vedere al culorilor, puteți, de asemenea, să faceți modificări pentru a le potrivi cu indicațiile de branding.
Mai multe informații / Descarcă
Caseta de selectare V18
Cu aceste butoane de comutare, veți spori experiența utilizatorului printr-un mod convenabil de a porni sau dezactiva lucrurile.
De la pornire la pornire sau invers, comutatorul schimbă ușor culoarea , de la alb la verde.
Ca și în cazul unora dintre șabloanele anterioare, acesta are și o opțiune pentru dezactivarea comutatorului sau marcarea acestuia ca bifat, dar dezactivarea funcționalității acestuia.
Mai multe informații / Descarcă
Caseta de selectare V19
La prima vedere, acesta și precedentul sunt aproape identice, dar performanța lor nu este. Fiecare buton de comutare prezintă o mică ANIMAȚIE delicioasă atunci când trece de la oprit la pornit – de asemenea, schimbă culoarea de la deschis la verde.
Chiar și cei cu dizabilități par vii când dai clic pe ele, dar nu se schimbă.
Mai multe informații / Descarcă
Caseta de selectare V20
Iată o altă variantă superbă a unui șablon de comutare pornit/oprit bazat pe Bootstrap Framework.
Cu funcționalitatea sa elegantă atunci când comutați de la pornit la oprit sau invers, fragmentul gratuit păstrează lucrurile de bază cu un efect plăcut care îl face unic.
Utilizatorul se poate juca cu cele active dar nu le poate schimba pe cele dezactivate sau pe cele bifate și dezactivate.
Mai multe informații / Descarcă
Dezvăluire: Această pagină conține link-uri externe de afiliat care pot duce la primirea unui comision dacă alegeți să cumpărați produsul menționat. Opiniile de pe această pagină sunt ale noastre și nu primim bonus suplimentar pentru recenzii pozitive.