2021 年 20 个惊人的免费 Bootstrap 复选框示例
已发表: 2021-05-26在很多情况下,我们需要为我们从事的不同项目创建一个 Bootstrap 复选框。
因此,我们留下了许多可重用的模板。 我们没有为自己保留它们,而是决定添加更多并全部赠送。
为了。 自由。
在这个广泛的收藏结束时,您将拥有最初来到这里的目的。
下载一个或任意多个,然后轻松地将复选框嵌入到您的应用程序中。
注意:如果您想调整我们的免费片段 - 继续并实现它。
交给你了
最佳免费 Bootstrap 复选框小工具
复选框 V01
一组美丽多彩的复选框,适用于您心中想要的任何事物。
它们有蓝色、绿色、红色、黄色、绿松石色和灰色,确保完全适用于移动设备。
用户可以选择所有这些,只选择一个或混合; 由您来定义家,许多是必要的。
更多信息/下载演示复选框 V02
为了让用户有机会选择他们最喜欢的运动,这个 Bootstrap 复选框片段将起到作用。
在我们继续之前,您也可以将模板用于其他用途,因为无需专门针对这三项运动。
虽然设计非常干净和简约,但它有一个特点。 复选框带有简洁的动画,可以增强用户体验。
更多信息/下载演示复选框 V03
包含动画的现代、易于使用且免费的订单确认,因此不会显得太沉闷。
一旦您选择它,每个按钮也会变成黄色。 您可以选择两者。
不用说,如果您想执行任何自定义和改进,您也可以这样做。
换句话说,要么使用开箱即用的版本,要么进一步配置代码段。
更多信息/下载演示复选框 V04
这个免费的 Bootstrap 复选框小部件是响应式的,可以在不同的屏幕尺寸上流畅地工作。 它采用框架式设计,确保弹出精美,让用户不会错过它。
此外,它还具有多项选择功能,因此用户可以只选择一项、两项或全部三项。
最后,选择时会出现一个简单的复选标记。
更多信息/下载演示复选框 V05
在寻找向应用程序添加复选框时,如果您可以使用我们的任何 Bootstrap 解决方案,请不要从头开始。
这些有多种变化和设计,有动画和没有动画,所以每个人都有一些东西。
这个特别的更花哨,带有紫色高光和动画复选标记。
更多信息/下载演示复选框 V06
这个免费的切换开关片段非常适合各种不同的意图。 您可以将其用作复选框,甚至用于打开或关闭应用程序的不同设置和配置。
当开关打开时,它会变成粉红色,并带有漂亮的小动画。 此外,如果您想更改任何内容(颜色),您可以毫不犹豫地进行。
更多信息/下载演示复选框 V07
一个类似的基于 Bootstrap 的切换开关片段,只是这个开关带有文本。
它非常简单,因为它会根据您选择还是取消选择控件而打开或关闭。 当你选择它时,它会随着动画和颜色变化而打开。
由于小部件惊人的核心结构,将其嵌入到您的应用程序中也将很快。
更多信息/下载演示复选框 V08
当向您的网站或应用程序添加功能以供用户选择夜间或白天模式时,这是您需要的切换开关。
你有两个开关,都有月亮和太阳图标以及颜色变化(从灰色(夜间模式)到黄色(白天模式)。
其响应性可确保在移动和桌面设备上完美运行。
更多信息/下载演示复选框 V09
如果您跟踪您的待办事项列表并跨越已完成的任务,那么您在一天内完成的工作比没有完成的可能性高得多。
免费的待办事项复选框模板具有非常简约的设计,每个任务都有一个边框,一个选中标记和一个选定项目的删除线。
选中时,文本也会从黑色变为灰色。
更多信息/下载演示复选框 V10
如果您正在这个 Bootstrap 复选框模板集合中寻找不同的东西,这是您不容错过的。

正如您从屏幕截图中看到的,它是一个免费的EMOJI复选框片段,带有快乐和悲伤的脸。
您将使用它完全取决于您。 重要的是要知道您不应该感到任何限制。
更多信息/下载演示复选框 V11
这个 Bootstrap 4 自定义复选框片段使您可以完全控制如何使用复选标记。 例如,您可以禁用某些功能,将某些功能标记为禁用和选中等等。
最重要的是,为了您的方便,该工具还支持多选。 自定义文本,相应地更改它并从那里开始。
更多信息/下载演示复选框 V12
这个特别的免费片段与 Checkbox V11 非常相似,只是设计不同,因为它看起来更大胆。 此外,这个复选框不是圆形的,而是方形的。
很酷,两个 Boostrap 复选框都是免费的,这意味着您可以先测试它们,然后选择获胜者。
由于 Boostrap 基础,也无需担心响应能力。
更多信息/下载演示复选框 V13
从方形到圆形复选框,我们都有它们,然后是一些。 这是后者,采用极简主义设计,确保按原样有效地与不同的应用程序和网站集成。
Checkbox V13 具有悬停效果,可将复选框标记为禁用或禁用并同时选中。
此外,它还支持多选,因此您的用户可以勾选一个或几个选项。
更多信息/下载演示复选框 V14
基于 Bootstrap 的方便、易用和高度自适应的复选框列表,适用于不同的应用程序、项目和网站。
如果你坚持默认设置,你会震撼到绝对非常吸引眼球的美丽紫色调。
此外,复选框是带有圆形边缘的方形,并且在未选中时具有悬停效果。
更多信息/下载演示复选框 V15
总有一种方法可以方便地将简单性与特殊效果相结合,这个 Bootstrap 复选框证明了它是正确的。
这个特定小部件的独特功能是复选框如何在选择时变成勾号,反之亦然。 除此之外,它还具有禁用复选框或使其禁用但选中的功能。
更多信息/下载演示复选框 V16
对于所有喜欢更原始外观的人来说,Checkbox V16 是完美的免费代码片段。 复选框很简单,带有悬停效果和圆角边缘。 不用说,禁用和选中的选项也可供您激活或跳过。
您还可以在移动设备上对其进行 A 测试,只是为了在点击下载按钮之前见证它的性能如何。
更多信息/下载演示复选框 V17
这个复选框动画模板非常适合喜欢简单而有创意的每个人。 您现在可以通过快速嵌入到您的项目中来享受流畅的执行,而不是从头开始工作。
虽然欢迎您使用默认配置,颜色方面,但您也可以进行修改以使其与您的品牌方向相匹配。
更多信息/下载演示复选框 V18
使用这些切换按钮,您将通过一种方便的方式打开或关闭事物来提升用户体验。
从关闭到打开或相反,切换可以平滑地改变颜色,从白色到绿色。
与之前的一些模板一样,这个模板也有一个选项,用于禁用开关或将其标记为已选中但禁用其功能。
更多信息/下载演示复选框 V19
乍一看,这和上一个几乎相同,但它们的性能却不同。 每个切换按钮在从关闭变为打开时都有一个很酷的小动画 - 它还会将颜色从浅色变为绿色。
即使是残疾人,当您点击它们时,它们似乎还活着,但它们不会切换。
更多信息/下载演示复选框 V20
这是基于 Bootstrap 框架的开/关开关切换模板的另一个极好的变体。
凭借其在从开到关或反之亦然切换时的简洁功能,免费代码片段保持了基本功能,并具有良好的效果,使其独一无二。
用户可以玩活动的,但不能更改禁用的或选中和禁用的。
更多信息/下载演示