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 框架的開/關開關切換模板的另一個極好的變體。

憑藉其在從開到關或反之亦然切換時的簡潔功能,免費代碼片段保持了基本功能,並具有良好的效果,使其獨一無二。

用戶可以玩活動的,但不能更改禁用的或選中和禁用的。

更多信息/下載演示