Collection of free Bootstrap checkbox code examples.

  1. CSS Checkboxes
  2. jQuery Checkboxes

Creator

  • Upasana Chauhan

Programming language

  • HTML / CSS

Information a code

Modal with Checkboxes

Bootstrap 5 backdrop list modal with checkboxes.

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: font-awesome.css

Bootstrap version: 5.0.0

Creator

  • Ondrej

Programming language

  • HTML / CSS

Information a code

Bootstrap Checkbox List

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

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies:

Bootstrap version: 4.3.1

Creator

  • Ask SNB

Programming language

  • HTML / CSS / JS

Information a code

Bootstrap Animated Checkbox

Bootstrap 4 custom animated checkbox with ripple effect.

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies:

Bootstrap version: 4.3.1

Creator

  • Ask SBN

Programming language

  • HTML / CSS

Information a code

Bootstrap Custom Checkboxes

Bootstrap 4 custom checkboxes with whole width.

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies:

Bootstrap version: 4.3.1

Creator

  • pradeep330

Programming language

  • HTML / CSS

Information a code

Bootstrap Checkbox with Animation

Bootstrap 4 simple checkbox with animation – no JS

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies:

Bootstrap version: 4.0.0

Demo image: Checkbox and Radio Styling with Bootstrap

Creator

  • Sergey Vodotyka

Programming language

  • HTML / CSS / JS

Information a code

Checkbox and Radio Styling with Bootstrap

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: font-awesome.css

Bootstrap version: 3.3.7

Creator

  • Stavros

Programming language

  • HTML / CSS (SCSS)

Information 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.

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies:

Bootstrap version: 3.3.7

Creator

  • Yannick Spreen

Programming language

  • HTML / CSS / JS

Information a code

Bootstrap Checkbox Buttons

Buttons that change the state of their own hidden checkboxes.

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: jquery.js

Bootstrap version: 3.3.7

Creator

  • Balaji

Programming language

  • HTML / CSS

Information a code

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies:

Bootstrap version: 3.3.7

Creator

  • Guilherme Iazzetta

Programming language

  • HTML / CSS / JS

Information a code

Bootstrap Checkbox Custom

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: jquery.js

Bootstrap version: 3.3.6

Demo image: Bootstrap 4 Button Checkbox Toggle

Creator

  • skelly

Programming language

  • HTML / CSS / JS

Information a code

Bootstrap 4 Button Checkbox Toggle

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: jquery.js

Bootstrap version: 4.0.0

Creator

  • Elizabet Oliveira

Programming language

  • HTML / CSS (SCSS) / JS

Information a code

Checkboxes and Removable Labels

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

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

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

Bootstrap version: 3.3.5

Creator

  • forsureitsme

Programming language

  • HTML / CSS

Information a code

Bootstrap CSS Checkbox Badge

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies:

Bootstrap version: 3.3.0

Creator

  • aahz

Programming language

  • HTML / CSS

Information a code

Animated Radios & Checkboxes

Bootstrap animated radios & checkboxes.

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: font-awesome.css

Bootstrap version: 3.3.0

Creator

  • tonetlds

Programming language

  • HTML / CSS

Information a code

Bootstrap Checkbox/Radio – CSS Only

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies:

Bootstrap version: 3.2.0

Creator

  • sumi9xm

Programming language

  • HTML / CSS

Information a code

Bootstrap Custom Checkbox

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies:

Bootstrap version: 3.1.0

Creator

  • mouse0270

Programming language

  • HTML / CSS / JS

Information a code

Checkboxes & Radio Input Group

Bootstrap beautify checkboxes & radio input group addons.

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: font-awesome, jquery.js

Bootstrap version: 3.1.0

Creator

  • travislaynewilson

Programming language

  • HTML / CSS / JS

Information a code

Bootstrap jQuery Checkbox Buttons

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: jquery.js

Bootstrap version: 3.0.3