20 fantastici esempi di caselle di controllo Bootstrap gratuite 2022
Pubblicato: 2022-01-13Ci sono state molte occasioni in cui abbiamo dovuto creare una casella di controllo Bootstrap per diversi progetti su cui abbiamo lavorato.
Pertanto, ci sono rimasti molti modelli riutilizzabili. Invece di tenerli per noi stessi, abbiamo deciso di aggiungerne altri e REGALARLI TUTTI.
Per. Gratuito.
Entro la fine di questa vasta collezione , avrai esattamente quello per cui sei venuto qui in primo luogo.
Scaricane uno o quanti ne vuoi e incorpora facilmente una casella di controllo nella tua applicazione.
Nota : se desideri modificare i nostri snippet gratuiti, vai avanti e realizzalo.
A voi.
Casella di controllo V01
Una raccolta di caselle di controllo belle e colorate che funzionano praticamente per qualsiasi cosa e tutto ciò che il tuo cuore desidera.
Sono disponibili in blu, verde, rosso, giallo, turchese e grigio e garantiscono una completa adattabilità ai dispositivi mobili.
L'utente può selezionarli tutti, uno solo o una miscela; sta a te definire casa molti sono necessari.
Maggiori informazioni / Scarica
Casella di controllo V02
Per dare all'utente la possibilità di selezionare i propri sport preferiti, questo frammento di casella di controllo Bootstrap farà il trucco.
Prima di continuare, puoi utilizzare il modello anche per qualcos'altro, poiché non è necessario attenersi esclusivamente ai tre sport.
Sebbene il design sia piuttosto PULITO e MINIMO, ha una specialità. Le caselle di controllo sono dotate di un'animazione ordinata che rende più piccante l'esperienza utente.
Maggiori informazioni / Scarica
Casella di controllo V03
È una conferma d'ordine moderna, facile da usare e gratuita che include l'animazione, quindi non sembra troppo noiosa.
Ogni pulsante diventa anche giallo una volta selezionato. E puoi selezionare entrambi.
Inutile dire che se desideri eseguire personalizzazioni e miglioramenti , puoi farlo anche tu.
In altre parole, scegli la versione pronta all'uso o configura ulteriormente lo snippet.
Maggiori informazioni / Scarica
Casella di controllo V04
Questo widget gratuito per la casella di controllo Bootstrap è reattivo e funziona senza problemi su schermi di diverse dimensioni. Viene fornito con un design incorniciato, assicurando che si apra magnificamente, in modo che l'utente non lo perda.
Inoltre, offre anche una selezione multipla per optare per un solo articolo, due o tutti e tre.
Infine, al momento della selezione viene visualizzato un segno di spunta SEMPLICE.
Maggiori informazioni / Scarica
Casella di controllo V05
Quando cerchi di aggiungere caselle di controllo alla tua applicazione, non iniziare da zero quando puoi utilizzare una delle nostre soluzioni Bootstrap.
Questi sono disponibili in più varianti e design, con e senza animazioni, quindi ce n'è per tutti i gusti .
Questo in particolare è più elaborato, con un'evidenziazione viola e un segno di spunta animato.
Maggiori informazioni / Scarica
Casella di controllo V06
Questo frammento di interruttore a levetta gratuito è ottimo per una serie di intenzioni diverse. Puoi usarlo come casella di controllo, anche per attivare o disattivare diverse impostazioni e configurazioni della tua applicazione.
Quando l'interruttore è acceso, diventa rosa con una simpatica animazione . Inoltre, se desideri cambiare qualcosa (il colore), puoi farlo senza trattenerti.
Maggiori informazioni / Scarica
Casella di controllo V07
Un frammento di interruttore a levetta simile basato su Bootstrap come sopra, solo che questo viene fornito con i testi nell'interruttore.
È piuttosto semplice in quanto si attiva o disattiva, a seconda che si selezioni o si deseleziona il controllo. Si accende con un'animazione e un cambio di colore quando lo selezioni.
Anche l' incorporamento nella tua applicazione sarà rapido grazie alla straordinaria struttura di base del widget.
Maggiori informazioni / Scarica
Casella di controllo V08
Quando aggiungi una funzionalità al tuo sito Web o applicazione per consentire all'utente di optare per la modalità notte o giorno, è necessario questo interruttore.
Ottieni due interruttori, entrambi con le icone della luna e del sole e un cambio di colore (da grigio ( modalità notte ) a giallo ( modalità giorno ).
La sua natura reattiva garantisce un funzionamento IMPECCABILE su dispositivi mobili e desktop.
Maggiori informazioni / Scarica
Casella di controllo V09
Se tieni traccia della tua lista di cose da fare e incroci l'attività che è stata eseguita, è molto probabile che tu possa ottenere molto di più in un giorno che senza.
Il modello di casella di controllo da fare gratuito presenta un design minimalista con un bordo per ogni attività, un segno di spunta e una barratura per gli elementi selezionati.
Il testo passa anche dal nero al grigio quando selezionato.
Maggiori informazioni / Scarica
Casella di controllo V10
Se stai cercando qualcosa di diverso in questa raccolta di modelli di caselle di controllo Bootstrap, questo è quello che non dovresti perdere.
Come puoi vedere dallo screenshot, è un frammento di casella di controllo EMOJI gratuito con una faccia felice e triste.
Quello che utilizzerai dipende interamente da te. È importante sapere che non dovresti sentire alcun limite.
Maggiori informazioni / Scarica
Casella di controllo V11
Questo frammento di casella di controllo personalizzato Bootstrap 4 ti dà il pieno controllo su come desideri utilizzare i segni di spunta. Ad esempio, puoi disabilitarne alcuni, contrassegnarne alcuni come disabilitati e selezionati e altro ancora.
Inoltre, lo strumento supporta anche la MULTI-SELEZIONE per la tua comodità. Personalizza il testo, modificalo di conseguenza e prosegui da lì.
Maggiori informazioni / Scarica
Casella di controllo V12
Questo particolare frammento gratuito è abbastanza simile a Checkbox V11, solo che il design è diverso, poiché sembra più audace. Inoltre, invece delle caselle di controllo rotonde, questa presenta alternative quadrate.
Che bello, entrambe le caselle di controllo Boostrap sono gratuite, il che significa che puoi prima testarle e selezionare il vincitore per secondo.
Non c'è nemmeno bisogno di preoccuparsi della reattività grazie alla fondazione Boostrap.
Maggiori informazioni / Scarica
Casella di controllo V13
Dalle caselle di controllo quadrate a quelle rotonde, le abbiamo tutte e poi alcune. Questo è il secondo, che sfoggia un design minimalista e si integra efficacemente con diverse app e siti Web.
Checkbox V13 presenta un effetto al passaggio del mouse e offre di contrassegnare le caselle di controllo con disabilitato o disabilitato e selezionato contemporaneamente.
Supporta anche la selezione multipla, quindi i tuoi utenti possono selezionare UNA o PIÙ opzioni.
Maggiori informazioni / Scarica
Casella di controllo V14
Un elenco di caselle di controllo comodo, facile da usare e altamente adattivo basato su Bootstrap per diverse applicazioni, progetti e siti Web.
Se ti attieni alle impostazioni predefinite, farai vibrare il bellissimo tono viola che è molto attraente per gli occhi .
Inoltre, le caselle di controllo sono quadrate con bordi arrotondati e presentano un effetto al passaggio del mouse quando non sono selezionate.
Maggiori informazioni / Scarica
Casella di controllo V15
C'è sempre un modo per combinare la semplicità con effetti speciali in un modo conveniente, e questa casella di controllo Bootstrap lo dimostra.
La caratteristica unica di questo particolare widget è il modo in cui la casella di controllo si trasforma in un segno di spunta sulla selezione e viceversa. Oltre a ciò, ha anche la funzione di disabilitare le caselle di controllo o di renderle disabilitate ma selezionate.
Maggiori informazioni / Scarica
Casella di controllo V16
Checkbox V16 è lo snippet gratuito perfetto per tutti coloro che cercano un look più vanigliato. Le caselle di controllo sono semplicistiche, con un effetto al passaggio del mouse e bordi arrotondati. Le opzioni disabilitate e selezionate sono disponibili anche per l'attivazione o per saltare.
Puoi anche testarlo in A su un dispositivo mobile, per vedere come si comporta MOLTO MODO prima di premere il pulsante di download.
Maggiori informazioni / Scarica
Casella di controllo V17
Questo modello di animazione della casella di controllo è ottimo per tutti coloro che amano la semplicità con un tocco di creatività. Invece di lavorarci da zero, ora puoi goderti un'esecuzione fluida con un rapido incorporamento nel tuo progetto.
Mentre sei libero di utilizzare le configurazioni predefinite, dal punto di vista del colore, puoi anche apportare modifiche per abbinarle alle indicazioni del tuo marchio.
Maggiori informazioni / Scarica
Casella di controllo V18
Con questi pulsanti di commutazione, migliorerai l'esperienza dell'utente con un modo conveniente per accendere o spegnere le cose.
Da spento a acceso o viceversa, l' interruttore cambia il colore in modo fluido, da bianco a verde.
Come con alcuni dei modelli precedenti, anche questo ha un'opzione per disabilitare l'interruttore o contrassegnarlo come selezionato ma disabilitandone la funzionalità.
Maggiori informazioni / Scarica
Casella di controllo V19
A prima vista, questo e il precedente sono quasi identici, ma le loro prestazioni non lo sono. Ogni pulsante di attivazione/disattivazione presenta una piccola ANIMAZIONE elegante quando passa da spento a acceso: cambia anche il colore da chiaro a verde.
Anche i disabili sembrano vivi quando ci clicchi sopra, ma non cambiano.
Maggiori informazioni / Scarica
Casella di controllo V20
Ecco un'altra superba variazione di un modello di interruttore on/off basato su Bootstrap Framework.
Con la sua funzionalità ordinata quando si passa da on a off o viceversa, lo snippet gratuito mantiene le cose di base con un bell'effetto che lo rende unico.
L'utente può giocare con quelli attivi ma non può modificare i disabilitati o quelli spuntati e disabilitati.
Maggiori informazioni / Scarica
Divulgazione: questa pagina contiene link di affiliazione esterni che potrebbero comportare la ricezione di una commissione se scegli di acquistare il prodotto menzionato. Le opinioni in questa pagina sono le nostre e non riceviamo bonus aggiuntivi per le recensioni positive.