Collection of free Bootstrap checkbox code examples.

Related Articles

  1. CSS Checkboxes

Author

  • Upasana Chauhan

Made with

  • HTML / CSS

About a code

Modal with Checkboxes

Bootstrap 5 backdrop list modal with checkboxes.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: font-awesome.css

Bootstrap version: 5.0.0

Author

  • Ondrej

Made with

  • HTML / CSS

About a code

Bootstrap Checkbox List

Using Bootstrap 4 custom checkboxes, build an elegant food form.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Bootstrap version: 4.3.1

Author

  • Ask SNB

Made with

  • HTML / CSS / JS

About a code

Bootstrap Animated Checkbox

Bootstrap 4 custom animated checkbox with ripple effect.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Bootstrap version: 4.3.1

Author

  • Ask SBN

Made with

  • HTML / CSS

About a code

Bootstrap Custom Checkboxes

Bootstrap 4 custom checkboxes with whole width.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Bootstrap version: 4.3.1

Author

  • pradeep330

Made with

  • HTML / CSS

About a code

Bootstrap Checkbox with Animation

Bootstrap 4 simple checkbox with animation - no JS

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Bootstrap version: 4.0.0

Demo image: Checkbox and Radio Styling with Bootstrap

Author

  • Sergey Vodotyka

Made with

  • HTML / CSS / JS

About a code

Checkbox and Radio Styling with Bootstrap

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: font-awesome.css

Bootstrap version: 3.3.7

Author

  • Stavros

Made with

  • HTML / CSS (SCSS)

About a code

Bootstrap Checkbox with Custom Icon

This is an example showing how to create a custom checkbox using a desired icon to render in the checkbox while checked.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Bootstrap version: 3.3.7

Author

  • Yannick Spreen

Made with

  • HTML / CSS / JS

About a code

Bootstrap Checkbox Buttons

Buttons that change the state of their own hidden checkboxes.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: jquery.js

Bootstrap version: 3.3.7

Author

  • Balaji

Made with

  • HTML / CSS

About a code

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: -

Bootstrap version: 3.3.7

Author

  • Guilherme Iazzetta

Made with

  • HTML / CSS / JS

About a code

Bootstrap Checkbox Custom

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: jquery.js

Bootstrap version: 3.3.6

Demo image: Bootstrap 4 Button Checkbox Toggle

Author

  • skelly

Made with

  • HTML / CSS / JS

About a code

Bootstrap 4 Button Checkbox Toggle

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: jquery.js

Bootstrap version: 4.0.0

Author

  • Elizabet Oliveira

Made with

  • HTML / CSS (SCSS) / JS

About a code

Checkboxes and Removable Labels

Some chekboxes and removable labels for each checkbox. The interaction was created with angularJS.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: animate.css, jquery.js, angular.js

Bootstrap version: 3.3.5

Author

  • forsureitsme

Made with

  • HTML / CSS

About a code

Bootstrap CSS Checkbox Badge

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: -

Bootstrap version: 3.3.0

Author

  • aahz

Made with

  • HTML / CSS

About a code

Animated Radios & Checkboxes

Bootstrap animated radios & checkboxes.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: font-awesome.css

Bootstrap version: 3.3.0

Author

  • tonetlds

Made with

  • HTML / CSS

About a code

Bootstrap Checkbox/Radio - CSS Only

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: -

Bootstrap version: 3.2.0

Author

  • sumi9xm

Made with

  • HTML / CSS

About a code

Bootstrap Custom Checkbox

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Bootstrap version: 3.1.0

Author

  • mouse0270

Made with

  • HTML / CSS / JS

About a code

Checkboxes & Radio Input Group

Bootstrap beautify checkboxes & radio input group addons.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: font-awesome, jquery.js

Bootstrap version: 3.1.0

Author

  • travislaynewilson

Made with

  • HTML / CSS / JS

About a code

Bootstrap jQuery Checkbox Buttons

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: jquery.js

Bootstrap version: 3.0.3