20 Contoh Kotak Centang Bootstrap Gratis yang Menakjubkan 2021
Diterbitkan: 2021-05-26Ada banyak kesempatan ketika kami perlu membuat kotak centang Bootstrap untuk berbagai proyek yang kami kerjakan.
Jadi, kami memiliki banyak templat yang dapat digunakan kembali. Alih-alih menyimpannya untuk diri kita sendiri, kami memutuskan untuk menambahkan lebih banyak dan MEMBERIKAN SEMUANYA.
Untuk. Gratis.
Pada akhir koleksi ekstensif ini, Anda akan mendapatkan apa tujuan Anda datang ke sini.
Unduh satu atau sebanyak yang Anda inginkan dan sematkan kotak centang ke dalam aplikasi Anda dengan mudah.
Catatan : Jika Anda ingin mengubah cuplikan gratis kami – lanjutkan dan wujudkan.
Ke Anda.
Widget Kotak Centang Bootstrap Gratis Terbaik
Kotak centang V01
Kumpulan kotak centang yang indah dan penuh warna yang berfungsi untuk apa saja dan semua yang diinginkan hati Anda.
Mereka datang dalam warna biru, hijau, merah, kuning, pirus dan abu-abu dan memastikan kemampuan beradaptasi yang lengkap untuk perangkat seluler.
Pengguna dapat memilih semuanya, hanya satu atau campuran; terserah anda untuk menentukan rumah banyak yang perlu.
Info lebih lanjut / Unduh DemoKotak centang V02
Untuk memberi pengguna kesempatan untuk memilih olahraga favorit mereka, cuplikan kotak centang Bootstrap ini akan melakukan triknya.
Sebelum melanjutkan, Anda juga dapat menggunakan template untuk hal lain, karena tidak perlu terpaku pada tiga olahraga secara eksklusif.
Meskipun desainnya cukup BERSIH dan MINIMAL, ia memiliki satu keistimewaan. Kotak centang hadir dengan animasi rapi yang membumbui UX.
Info lebih lanjut / Unduh DemoKotak centang V03
Konfirmasi pesanan yang modern, mudah digunakan, dan gratis yang menyertakan animasi, sehingga tidak tampak terlalu membosankan.
Setiap tombol juga berubah menjadi kuning setelah Anda memilihnya. Dan Anda dapat memilih keduanya.
Tak perlu dikatakan, jika Anda ingin melakukan penyesuaian dan peningkatan , Anda juga dapat melakukannya.
Dengan kata lain, gunakan versi out-of-the-box atau konfigurasikan cuplikan lebih lanjut.
Info lebih lanjut / Unduh DemoKotak centang V04
Widget kotak centang Bootstrap gratis ini responsif, bekerja pada berbagai ukuran layar dengan lancar. Muncul dengan desain berbingkai, memastikannya muncul dengan indah sehingga pengguna tidak melewatkannya.
Selain itu, ia juga memiliki fitur multi-seleksi sehingga pengguna dapat memilih hanya satu item, dua, atau ketiganya.
Akhirnya, tanda centang SEDERHANA muncul saat dipilih.
Info lebih lanjut / Unduh DemoKotak centang V05
Saat mencari untuk menambahkan kotak centang ke aplikasi Anda, jangan mulai dari awal saat Anda bisa menggunakan salah satu solusi Bootstrap kami.
Ini datang dalam beberapa variasi dan desain, dengan dan tanpa animasi, jadi ada sesuatu untuk semua orang .
Yang satu ini lebih pada sisi yang mewah, dengan highlight ungu dan tanda centang animasi.
Info lebih lanjut / Unduh DemoKotak centang V06
Cuplikan sakelar sakelar gratis ini sangat bagus untuk berbagai maksud yang berbeda. Anda dapat menggunakannya sebagai kotak centang, bahkan untuk mengaktifkan atau menonaktifkan berbagai pengaturan dan konfigurasi aplikasi Anda.
Saat sakelar menyala, itu berubah menjadi merah muda dengan sedikit animasi yang bagus. Selain itu, jika Anda ingin mengubah apa pun (warna), Anda dapat melakukannya tanpa menahan diri.
Info lebih lanjut / Unduh DemoKotak centang V07
Cuplikan sakelar sakelar serupa berdasarkan Bootstrap seperti di atas, hanya saja yang ini dilengkapi dengan teks di sakelar.
Ini cukup mudah saat ON atau OFF tergantung pada apakah Anda memilih atau membatalkan pilihan kontrol. Saat Anda mengambilnya, itu menyala dengan animasi dan perubahan warna.
Menyematkannya ke dalam aplikasi Anda juga akan cepat karena struktur inti widget yang menakjubkan.
Info lebih lanjut / Unduh DemoKotak centang V08
Saat menambahkan fitur ke situs web atau aplikasi Anda bagi pengguna untuk memilih mode malam atau siang, ini adalah sakelar sakelar yang Anda butuhkan.
Anda mendapatkan dua sakelar, keduanya dengan ikon bulan dan matahari dan perubahan warna (dari abu-abu ( mode malam ) menjadi kuning ( mode siang ).
Sifat responsifnya memastikan operasi FLAWLESS pada perangkat seluler dan desktop.
Info lebih lanjut / Unduh DemoKotak centang V09
Jika Anda melacak daftar tugas Anda dan melewati tugas yang telah selesai, kemungkinan besar Anda akan mencapai lebih banyak dalam sehari daripada tanpanya.
Template kotak centang todo gratis menampilkan desain yang sangat minimalis dengan batas untuk setiap tugas, tanda centang, dan coretan untuk item yang dipilih.
Teks juga berubah dari hitam menjadi abu-abu saat dipilih.
Info lebih lanjut / Unduh DemoKotak centang V10
Jika Anda mencari sesuatu yang berbeda dalam koleksi template kotak centang Bootstrap ini, inilah yang tidak boleh Anda lewatkan.
Seperti yang Anda lihat dari tangkapan layar, ini adalah cuplikan kotak centang EMOJI gratis dengan wajah bahagia dan sedih.
Untuk apa Anda akan menggunakannya sepenuhnya terserah Anda. Penting untuk diketahui bahwa Anda tidak boleh merasakan batasan apa pun.
Info lebih lanjut / Unduh DemoKotak centang V11
Cuplikan kotak centang khusus Bootstrap 4 ini memberi Anda kontrol penuh atas bagaimana Anda ingin menggunakan tanda centang. Misalnya, Anda dapat menonaktifkan beberapa, menandai beberapa sebagai dinonaktifkan dan dicentang, dan banyak lagi.
Selain itu, alat ini juga mendukung MULTI-SELECTION untuk kenyamanan Anda. Sesuaikan teks, ubah sesuai dan mulai dari sana.
Info lebih lanjut / Unduh DemoKotak centang V12
Cuplikan gratis ini sangat mirip dengan Checkbox V11, hanya saja desainnya berbeda, karena terlihat lebih berani. Selain itu, alih-alih kotak centang bulat, kotak ini menampilkan alternatif persegi.
Yang keren, kedua kotak centang Boostrap ini gratis, artinya kamu bisa mengujinya terlebih dahulu dan memilih pemenangnya yang kedua.
Juga tidak perlu khawatir tentang daya tanggap karena yayasan Boostrap.
Info lebih lanjut / Unduh DemoKotak Centang V13
Dari kotak centang persegi ke bulat, kami memiliki semuanya dan kemudian beberapa. Yang ini adalah yang terakhir, mengayunkan desain minimalis , memastikannya terintegrasi dengan berbagai aplikasi dan situs web secara efektif apa adanya.
Kotak centang V13 menampilkan efek melayang dan menawarkan untuk menandai kotak centang dengan dinonaktifkan atau dinonaktifkan dan dicentang pada saat yang bersamaan.
Selain itu, ini juga mendukung multi-pilih, sehingga pengguna Anda dapat mencentang SATU atau BEBERAPA opsi.
Info lebih lanjut / Unduh DemoKotak centang V14
Daftar kotak centang yang nyaman, mudah digunakan, dan sangat adaptif berdasarkan Bootstrap untuk berbagai aplikasi, proyek, dan situs web.
Jika Anda tetap pada pengaturan default, Anda akan mengguncang nada ungu yang indah yang pasti sangat menarik bagi mata .
Selain itu, kotak centang berbentuk persegi dengan tepi membulat dan menampilkan efek melayang saat tidak dipilih.
Info lebih lanjut / Unduh DemoKotak centang V15
Selalu ada cara untuk memadukan kesederhanaan dengan efek khusus dengan cara yang nyaman, dan kotak centang Bootstrap ini membuktikannya dengan benar.
Fitur unik widget ini adalah bagaimana kotak centang berubah menjadi centang pada pilihan dan sebaliknya. Selain itu, ia juga memiliki fitur menonaktifkan kotak centang atau membuatnya dinonaktifkan tetapi dicentang.
Info lebih lanjut / Unduh DemoKotak centang V16
Untuk Anda semua yang menginginkan tampilan vanila, Checkbox V16 adalah cuplikan gratis yang sempurna untuk digunakan. Kotak centangnya sederhana, dengan efek melayang dan tepi membulat. Tak perlu dikatakan, opsi yang dinonaktifkan dan dicentang juga tersedia untuk Anda aktifkan atau lewati.
Anda juga dapat mengujinya di perangkat seluler, hanya untuk menyaksikan kinerjanya yang HALUS sebelum menekan tombol unduh.
Info lebih lanjut / Unduh DemoKotak centang V17
Template animasi kotak centang ini sangat bagus untuk semua orang yang menyukai kesederhanaan dengan sentuhan kreativitas. Alih-alih mengerjakannya dari bawah ke atas, Anda sekarang dapat menikmati eksekusi yang mulus dengan penyematan cepat ke dalam proyek Anda.
Meskipun Anda dipersilakan untuk menggunakan konfigurasi default, dari segi warna, Anda juga dapat membuat modifikasi untuk mencocokkannya dengan arah branding Anda.
Info lebih lanjut / Unduh DemoKotak centang V18
Dengan tombol sakelar ini, Anda akan meningkatkan pengalaman pengguna dengan cara yang nyaman untuk menghidupkan atau mematikan sesuatu.
Dari mati ke hidup atau sebaliknya, sakelar berubah warna dengan mulus, dari putih menjadi hijau.
Seperti beberapa templat sebelumnya, templat ini juga memiliki opsi untuk menonaktifkan sakelar atau menandainya sebagai dicentang tetapi menonaktifkan fungsinya.
Info lebih lanjut / Unduh DemoKotak centang V19
Sepintas, ini dan yang sebelumnya hampir identik, tetapi kinerjanya tidak. Setiap tombol sakelar menampilkan ANIMASI kecil yang keren saat beralih dari mati ke hidup – itu juga mengubah warna dari terang menjadi hijau.
Bahkan yang dinonaktifkan tampak hidup ketika Anda mengkliknya, tetapi mereka tidak beralih.
Info lebih lanjut / Unduh DemoKotak centang V20
Berikut adalah variasi luar biasa lainnya dari templat sakelar hidup/mati berdasarkan Kerangka Bootstrap.
Dengan fungsinya yang rapi saat beralih dari aktif ke nonaktif atau sebaliknya, cuplikan gratis menjaga hal-hal dasar dengan efek bagus yang membuatnya unik.
Pengguna dapat bermain dengan yang aktif tetapi tidak dapat mengubah yang dinonaktifkan atau yang dicentang dan dinonaktifkan.
Info lebih lanjut / Unduh Demo