2022 個驚人的免費 Bootstrap 複選框示例

已發表: 2022-01-13

在很多情況下,我們需要為我們從事的不同項目創建一個 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 框架的開/關切換模板的另一個極好的變體。

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

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

更多信息/下載

披露:此頁麵包含外部附屬鏈接,如果您選擇購買上述產品,我們可能會收到佣金。 此頁面上的意見是我們自己的意見,我們不會因正面評價而獲得額外獎勵。