2021 年 20 个惊人的免费 Bootstrap 复选框示例

已发表: 2021-05-26

在很多情况下,我们需要为我们从事的不同项目创建一个 Bootstrap 复选框。

因此,我们留下了许多可重用的模板。 我们没有为自己保留它们,而是决定添加更多并全部赠送。

为了。 自由。

在这个广泛的收藏结束时,您将拥有最初来到这里的目的。

下载一个或任意多个,然后轻松地将复选框嵌入到您的应用程序中。

注意:如果您想调整我们的免费片段 - 继续并实现它。

交给你了

最佳免费 Bootstrap 复选框小工具

复选框 V01

复选框 01
一组美丽多彩的复选框,适用于您心中想要的任何事物。

它们有蓝色、绿色、红色、黄色、绿松石色和灰色,确保完全适用于移动设备。

用户可以选择所有这些,只选择一个或混合; 由您来定义家,许多是必要的。

更多信息/下载演示

复选框 V02

复选框 02
为了让用户有机会选择他们最喜欢的运动,这个 Bootstrap 复选框片段将起到作用。

在我们继续之前,您也可以将模板用于其他用途,因为无需专门针对这三项运动。

虽然设计非常干净和简约,但它有一个特点。 复选框带有简洁的动画,可以增强用户体验。

更多信息/下载演示

复选框 V03

复选框 03
包含动画的现代、易于使用且免费的订单确认,因此不会显得太沉闷。

一旦您选择它,每个按钮也会变成黄色。 您可以选择两者。

不用说,如果您想执行任何自定义改进,您也可以这样做。

换句话说,要么使用开箱即用的版本,要么进一步配置代码段。

更多信息/下载演示

复选框 V04

复选框 04
这个免费的 Bootstrap 复选框小部件是响应式的,可以在不同的屏幕尺寸上流畅地工作。 它采用框架式设计,确保弹出精美,让用户不会错过它。

此外,它还具有多项选择功能,因此用户可以只选择一项、两项或全部三项。

最后,选择时会出现一个简单的复选标记。

更多信息/下载演示

复选框 V05

复选框 05
在寻找向应用程序添加复选框时,如果您可以使用我们的任何 Bootstrap 解决方案,请不要从头开始。

这些有多种变化和设计,有动画和没有动画,所以每个人都有一些东西

这个特别的更花哨,带有紫色高光和动画复选标记。

更多信息/下载演示

复选框 V06

复选框 06
这个免费的切换开关片段非常适合各种不同的意图。 您可以将其用作复选框,甚至用于打开或关闭应用程序的不同设置和配置。

当开关打开时,它会变成粉红色,并带有漂亮的小动画。 此外,如果您想更改任何内容(颜色),您可以毫不犹豫地进行。

更多信息/下载演示

复选框 V07

复选框 07
一个类似的基于 Bootstrap 的切换开关片段,只是这个开关带有文本。

它非常简单,因为它会根据您选择还是取消选择控件而打开或关闭。 当你选择它时,它会随着动画和颜色变化而打开。

由于小部件惊人的核心结构,将其嵌入到您的应用程序中也将很快。

更多信息/下载演示

复选框 V08

复选框 08
当向您的网站或应用程序添加功能以供用户选择夜间或白天模式时,这是您需要的切换开关。

你有两个开关,都有月亮和太阳图标以及颜色变化(从灰色(夜间模式)到黄色(白天模式)。

其响应性可确保在移动和桌面设备上完美运行。

更多信息/下载演示

复选框 V09

复选框 09
如果您跟踪您的待办事项列表并跨越已完成的任务,那么您在一天内完成的工作比没有完成的可能性高得多。

免费的待办事项复选框模板具有非常简约的设计,每个任务都有一个边框,一个选中标记和一个选定项目的删除线。

选中时,文本也会从黑色变为灰色。

更多信息/下载演示

复选框 V10

复选框 10
如果您正在这个 Bootstrap 复选框模板集合中寻找不同的东西,这是您不容错过的。

正如您从屏幕截图中看到的,它是一个免费的EMOJI复选框片段,带有快乐和悲伤的脸。

您将使用它完全取决于您。 重要的是要知道您不应该感到任何限制。

更多信息/下载演示

复选框 V11

复选框 11
这个 Bootstrap 4 自定义复选框片段使您可以完全控制如何使用复选标记。 例如,您可以禁用某些功能,将某些功能标记为禁用和选中等等。

最重要的是,为了您的方便,该工具还支持多选。 自定义文本,相应地更改它并从那里开始。

更多信息/下载演示

复选框 V12

复选框 12
这个特别的免费片段与 Checkbox V11 非常相似,只是设计不同,因为它看起来更大胆。 此外,这个复选框不是圆形的,而是方形的。

很酷,两个 Boostrap 复选框都是免费的,这意味着您可以先测试它们,然后选择获胜者

由于 Boostrap 基础,也无需担心响应能力。

更多信息/下载演示

复选框 V13

复选框 13
从方形到圆形复选框,我们都有它们,然后是一些。 这是后者,采用极简主义设计,确保按原样有效地与不同的应用程序和网站集成。

Checkbox V13 具有悬停效果,可将复选框标记为禁用或禁用并同时选中。

此外,它还支持多选,因此您的用户可以勾选一个或几个选项。

更多信息/下载演示

复选框 V14

复选框 14
基于 Bootstrap 的方便、易用和高度自适应的复选框列表,适用于不同的应用程序、项目和网站。

如果你坚持默认设置,你会震撼到绝对非常吸引眼球的美丽紫色调。

此外,复选框是带有圆形边缘的方形,并且在未选中时具有悬停效果。

更多信息/下载演示

复选框 V15

复选框 15
总有一种方法可以方便地将简单性与特殊效果相结合,这个 Bootstrap 复选框证明了它是正确的。

这个特定小部件的独特功能是复选框如何在选择时变成勾号,反之亦然。 除此之外,它还具有禁用复选框或使其禁用但选中的功能。

更多信息/下载演示

复选框 V16

复选框 16
对于所有喜欢更原始外观的人来说,Checkbox V16 是完美的免费代码片段。 复选框很简单,带有悬停效果和圆角边缘。 不用说,禁用和选中的选项也可供您激活或跳过。

您还可以在移动设备上对其进行 A 测试,只是为了在点击下载按钮之前见证它的性能如何。

更多信息/下载演示

复选框 V17

复选框 17
这个复选框动画模板非常适合喜欢简单而有创意的每个人。 您现在可以通过快速嵌入到您的项目中来享受流畅的执行而不是从头开始工作。

虽然欢迎您使用默认配置,颜色方面,但您也可以进行修改以使其与您的品牌方向相匹配。

更多信息/下载演示

复选框 V18

复选框 18
使用这些切换按钮,您将通过一种方便的方式打开或关闭事物来提升用户体验。

从关闭到打开或相反,切换可以平滑地改变颜色,从白色到绿色。

与之前的一些模板一样,这个模板也有一个选项,用于禁用开关或将其标记为已选中但禁用其功能。

更多信息/下载演示

复选框 V19

复选框 19
乍一看,这和上一个几乎相同,但它们的性能却不同。 每个切换按钮在从关闭变为打开时都有一个很酷的小动画 - 它还会将颜色从浅色变为绿色。

即使是残疾人,当您点击它们时,它们似乎还活着,但它们不会切换。

更多信息/下载演示

复选框 V20

复选框 20
这是基于 Bootstrap 框架的开/关开关切换模板的另一个极好的变体。

凭借其在从开到关或反之亦然切换时的简洁功能,免费代码片段保持了基本功能,并具有良好的效果,使其独一无二。

用户可以玩活动的,但不能更改禁用的或选中和禁用的。

更多信息/下载演示