GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → Bttstrp → Bootstrap Switch

Bttstrp / Bootstrap Switch

Licence: mit
Turn checkboxes and radio buttons in toggle switches.

Programming Languages

Pug
443 projects
javascript
184084 projects - #8 most used programming language
CSS
56736 projects
Less
1899 projects

Labels

bootstrapswitchradiocheckboxtoggle-switchestogglesbootstrap-switch

Projects that are alternatives of or similar to Bootstrap Switch

React Icheck
🔘 iCheck components built with React. Highly customizable checkbox, radio buttons and radio group.
Stars: ✭ 175 (-96.59%)
Mutual labels:  switch, radio, checkbox
Flutter smart select
SmartSelect allows you to easily convert your usual form select or dropdown into dynamic page, popup dialog, or sliding bottom sheet with various choices input such as radio, checkbox, switch, chips, or even custom input. Supports single and multiple choice.
Stars: ✭ 179 (-96.51%)
Mutual labels:  switch, radio, checkbox
Bootstrap Table
An extended table to integration with some of the most widely used CSS frameworks. (Supports Bootstrap, Semantic UI, Bulma, Material Design, Foundation, Vue.js)
Stars: ✭ 11,068 (+115.67%)
Mutual labels:  radio, checkbox, bootstrap
Vxe Table
🐬 vxe-table vue 表格解决方案
Stars: ✭ 4,242 (-17.34%)
Mutual labels:  switch, radio, checkbox
jw-bootstrap-switch-ng2
Bootstrap Switch for Angular 2+
Stars: ✭ 45 (-99.12%)
Mutual labels:  toggle-switches, switch, bootstrap-switch
Easy Toggle State
A tiny JavaScript library to easily toggle the state of any HTML element in any contexts, and create UI components in no time.
Stars: ✭ 261 (-94.91%)
Mutual labels:  switch, radio, checkbox
Ckdcss
A tiny set of micro interactions for your checkboxes.
Stars: ✭ 49 (-99.05%)
Mutual labels:  radio, checkbox
Compoundbuttongroup
An Android library to easily implement compound buttons
Stars: ✭ 52 (-98.99%)
Mutual labels:  radio, checkbox
Vue Checkbox Radio
Checkbox and radio component for Vue.js
Stars: ✭ 99 (-98.07%)
Mutual labels:  radio, checkbox
Angular Bootstrap Checkbox
A checkbox for AngularJS styled to fit the Twitter Bootstrap standard design
Stars: ✭ 154 (-97%)
Mutual labels:  checkbox, bootstrap
Aiflatswitch
Nicely animated flat design switch alternative to UISwitch
Stars: ✭ 904 (-82.39%)
Mutual labels:  switch, checkbox
Jhform
JhForm - 自定义表单工具,更加简单,快捷的创建表单、设置页面
Stars: ✭ 108 (-97.9%)
Mutual labels:  switch, checkbox
Prompt Checkbox
This repository has been archived, use Enquirer instead.
Stars: ✭ 21 (-99.59%)
Mutual labels:  radio, checkbox
Pretty Checkbox Vue
Quickly integrate pretty checkbox components with Vue.js
Stars: ✭ 240 (-95.32%)
Mutual labels:  checkbox, bootstrap
Awesome Bootstrap Checkbox
✔️Font Awesome Bootstrap Checkboxes & Radios. Pure css way to make inputs look prettier
Stars: ✭ 2,044 (-60.17%)
Mutual labels:  checkbox, bootstrap
GDCheckbox
Customizable CheckBox / RadioButton component for iOS
Stars: ✭ 23 (-99.55%)
Mutual labels:  checkbox, switch
simple-switch
Vanilla JS/CSS Switch UI element
Stars: ✭ 18 (-99.65%)
Mutual labels:  checkbox, switch
Startbootstrap Sb Admin
Start Bootstrap is an open source library of free Bootstrap templates and themes. All of the free templates and themes on Start Bootstrap are released under the MIT license, which means you can use them for any purpose, even for commercial projects.
Stars: ✭ 2,861 (-44.25%)
Mutual labels:  bootstrap, pug
Pretty Checkbox
A pure CSS library to beautify checkbox and radio buttons.
Stars: ✭ 1,708 (-66.72%)
Mutual labels:  checkbox, bootstrap
toggle
Vue 3 toggle component with labels, custom slots and styling options (+Tailwind CSS support).
Stars: ✭ 75 (-98.54%)
Mutual labels:  toggle-switches, toggles
View All Similar Projects ➔

Bootstrap Switch

Dependency Status devDependency Status NPM Version

Turn checkboxes and radio buttons into toggle switches. Created by Mattia Larentis, maintained by Emanuele Marchi and Peter Stein with the help of the community. Compatible with Bootstrap 4, Bootstrap 3 and Bootstrap 2.

Play with demo on my fiddle.

Quick start

Several quick start options are available:

  • Download the latest release
  • Clone the repo: git clone https://github.com/Bttstrp/bootstrap-switch.git
  • Install with npm: npm install bootstrap-switch
  • Install with yarn: yarn add bootstrap-switch
  • Install with Composer: composer require components/bootstrap-switch
  • Install with Bower: bower install bootstrap-switch
  • Install with NuGet: PM> Install-Package Bootstrap.Switch (NuGet package)

Include the dependencies: jQuery, Bootstrap and Bootstrap Switch CSS + Javascript:

<link href="bootstrap.css" rel="stylesheet">
<link href="bootstrap-switch.css" rel="stylesheet">
<script src="jquery.js"></script>
<script src="bootstrap-switch.js"></script>

Add your checkbox:

<input type="checkbox" name="my-checkbox" checked>

Initialize Bootstrap Switch on it:

$("[name='my-checkbox']").bootstrapSwitch();

Enjoy.

Supported browsers

IE9+ and all the other modern browsers.

LESS

  • For Bootstrap 2 (no longer officially supported), import src/less/bootstrap2/bootstrap-switch.less
  • For Bootstrap 3, import src/less/bootstrap3/bootstrap-switch.less

SASS/SCSS

  • For Bootstrap 4, import src/sass/bootstrap4/bootstrap-switch.scss

Bugs and feature requests

Have a bug or a feature request? Please first search for existing and closed issues. If your problem or idea is not addressed yet, please open a new issue.

The new issue should contain both a summary of the issue and the browser/OS environment in which it occurs and a link to the playground you prefer with the reduced test case. If suitable, include the steps required to reproduce the bug.

Please do not use the issue tracker for personal support requests: Stack Overflow is a better place to get help.

Known issues

  • Make sure .form-control is not applied to the input. Bootstrap does not support that, refer to Checkboxes and radios

Integrations

License

Licensed under the MIT License.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].