# bttstrp/bootstrap-switch

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/bttstrp-bootstrap-switch).**

5,041 stars · 1,410 forks · Pug · MIT

## Links

- GitHub: https://github.com/Bttstrp/bootstrap-switch
- awesome-repositories: https://awesome-repositories.com/repository/bttstrp-bootstrap-switch.md

## Topics

`bootstrap` `bootstrap-switch` `checkbox` `radio` `switch` `toggle-switches` `toggles`

## Description

Bootstrap-switch is a jQuery plugin that transforms standard HTML checkboxes and radio buttons into visual toggle switches. It serves as a form input switch that provides a sliding toggle interaction as a replacement for traditional binary input elements.

This component is designed specifically for Bootstrap interfaces, allowing for the customization of web pages that follow the Bootstrap CSS framework design system. It enhances web forms by converting basic input elements into interactive switches to improve the visual clarity of binary settings and preferences.

## Tags

### User Interface & Experience

- [Toggle Switches](https://awesome-repositories.com/f/user-interface-experience/form-input-components/toggle-switches.md) — Provides toggle switches that replace standard checkboxes and radio buttons for binary options. ([source](https://github.com/bttstrp/bootstrap-switch#readme))
- [Bootstrap UI Extensions](https://awesome-repositories.com/f/user-interface-experience/component-libraries/angular-ui-libraries/bootstrap-wrappers/bootstrap-ui-extensions.md) — Adds interactive switch components specifically designed for interfaces following the Bootstrap design system.
- [Event-Driven State Synchronizers](https://awesome-repositories.com/f/user-interface-experience/event-driven-state-managers/event-driven-state-synchronizers.md) — Synchronizes the state of the hidden native checkbox with interactions on the decorative toggle element.
- [Form Input Styling](https://awesome-repositories.com/f/user-interface-experience/raw-html-element-styling/form-input-styling.md) — Changes the appearance of basic HTML form elements to create a polished user experience.
- [State-Based CSS Toggling](https://awesome-repositories.com/f/user-interface-experience/state-based-css-toggling.md) — Dynamically modifies CSS classes to reflect the checked or unchecked state of the input.

### Web Development

- [Bootstrap Form Enhancements](https://awesome-repositories.com/f/web-development/bootstrap-form-enhancements.md) — Enhances HTML forms within the Bootstrap framework by converting standard inputs into visual switches.
- [jQuery Plugins](https://awesome-repositories.com/f/web-development/jquery-plugins.md) — Functions as a jQuery plugin that extends DOM elements to modify the behavior of form controls.
- [DOM Manipulation Libraries](https://awesome-repositories.com/f/web-development/browser-integration-utilities/dom-event-handling/dom-manipulation-libraries.md) — Employs a DOM manipulation library to handle element creation and cross-browser event binding.
- [Element Node Wrapping](https://awesome-repositories.com/f/web-development/dom-element-manipulators/element-node-wrapping.md) — Wraps native checkboxes in container elements to replace them with a visual toggle interface.
- [Configuration Attributes](https://awesome-repositories.com/f/web-development/element-attributes/configuration-attributes.md) — Uses HTML data attributes to initialize the switch behavior and visual styles.