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 框架的開/關開關切換模板的另一個極好的變體。
憑藉其在從開到關或反之亦然切換時的簡潔功能,免費代碼片段保持了基本功能,並具有良好的效果,使其獨一無二。
用戶可以玩活動的,但不能更改禁用的或選中和禁用的。
更多信息/下載演示