Collection of free Bootstrap toggle switch code examples.

  1. CSS Toggle Switches
  2. jQuery Toggle Switches

Creator

  • BBBootstrap Team

Programming language

  • HTML / CSS / JS

Information a code

Bootstrap 5 Custom Radio Toggle Buttons

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

Responsive: yes

Dependencies:

Bootstrap version: 5.0.0

Demo image: Bootstrap 4 Dark Mode Toggle

Creator

  • monsss

Programming language

  • HTML / CSS / JS

Information a code

Bootstrap 4 Dark Mode Toggle

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

Responsive: yes

Dependencies: font-awesome.css

Bootstrap version: 4.3.1

Creator

  • Ondrej

Programming language

  • HTML / CSS / JS

Information a code

Bootstrap 4 Toggle Switches

Create bootstrap toggle switches using Bootstrap custom form components.

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

Responsive: yes

Dependencies:

Bootstrap version: 4.3.1

Demo image: Toggle Switch

Creator

  • susanta96

Programming language

  • HTML / CSS / JS

Information a code

Toggle Switch

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

Responsive: yes

Dependencies:

Bootstrap version: 4.3.1

Creator

  • Christian Oliff

Programming language

  • HTML / CSS / JS

Information a code

Dark Mode Switch

Add a dark-mode theme toggle with a Bootstrap Custom Switch.

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

Responsive: yes

Dependencies: dark-mode.css, dark-mode-switch.js

Bootstrap version: 4.4.0

Creator

  • SHANTIKUMAR

Programming language

  • HTML / CSS / JS

Information a code

Bootstrap 4 – Language Toggle Switch

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

Responsive: no

Dependencies: jquery.js

Bootstrap version: 4.1.3

Creator

  • banwarilalpurvya

Programming language

  • HTML / CSS / JS

Information a code

Toggle Radio Button

Toggle radio button with Bootstrap.

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

Responsive: yes

Dependencies:

Bootstrap version: 4.1.1

Creator

  • Cory LaViska

Programming language

  • HTML / CSS / JS

Information a code

Bootstrap 4 Switches

Bootstrap 4 switches (customizable via Sass).

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

Responsive: yes

Dependencies:

Bootstrap version: 4.0.0

Creator

  • Aanjulena Sweet

Programming language

  • HTML / CSS (Less)/ JS

Information a code

On/Off Switch

Bootstrap button toggle.

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

Responsive: yes

Dependencies:

Bootstrap version: 4.0.0

Creator

  • Volodymyr

Programming language

  • HTML / CSS / JS

Information a code

Bootstrap Material Design Switch

Bootstrap Material Design toggle switches without JS.

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

Responsive: yes

Dependencies:

Bootstrap version: 3.3.7

Creator

  • Xavier Gmez Gonzlez

Programming language

  • HTML / CSS / JS

Information a code

Bootstrap 4 iOS Like Toggle

A CSS only implementation of an iOS like switch toogle for Bootstrap 4. It uses standart markup from Bootstrap 4, so you only need to add the toggle class to your element and the SCSS to your stylesheet.

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

Responsive: yes

Dependencies:

Bootstrap version: 4.0.0

Creator

  • Brent Ely

Programming language

  • HTML / CSS / JS

Information a code

Bootstrap 4 Toggle

Bootstrap 4 Toggle is a bootstrap plugin/widget that converts checkboxes into toggles.

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

Responsive: yes

Dependencies: bootstrap4-toggle.css, bootstrap4-toggle.js

Bootstrap version: 4.3.1

Creator

  • pradeep330

Programming language

  • HTML / CSS

Information a code

Bootstrap 4 Simple Checkbox Switch

Bootstrap checkbox switches without JavaScript.

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

Responsive: yes

Dependencies:

Bootstrap version: 4.0.0

Creator

  • tonetlds

Programming language

  • HTML / CSS

Information a code

Bootstrap Single Button Toggle

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

Responsive: yes

Dependencies: font-awesome.css

Bootstrap version: 3.3.0

Creator

  • Jennifer Louie

Programming language

  • HTML / CSS (SCSS) / JS

Information a code

Bootstrap Switch/Toggle

Bootstrap pure CSS switch/toggle buttons.

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

Responsive: yes

Dependencies:

Bootstrap version: 3.3.2

Creator

  • escapedlion

Programming language

  • HTML / CSS

Information a code

Toggle Switch

Custom Bootsrap toggle switches

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

Responsive: yes

Dependencies:

Bootstrap version: 3.2.0

Demo image: Bootstrap 3 Toggle Switch Button

Creator

  • Dey Dey

Programming language

  • HTML / CSS / JS

Information a code

Bootstrap 3 Toggle Switch Button

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

Responsive: yes

Dependencies: jquery.js

Bootstrap version: 3.1.0