包简介

Turn checkboxes and radio buttons into toggle switches.

README 文档

README

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.

nostalgiaz/bootstrap-switch 适用场景与选型建议

nostalgiaz/bootstrap-switch 是一款基于 Pug 开发的 Composer 扩展包，目前已累计 366.28k 次下载、GitHub Stars 达 5.04k，最近一次更新时间为 2014 年 01 月 16 日，在 PHP 生态内属于活跃度较高的组件。

它主要适用于以下技术方向：「javascript」「bootstrap」「JS」「switch」等业务场景。在实际项目中，围绕这些方向常见需要落地的问题包括：接口对接、性能调优、并发安全、与既有框架（Laravel / ThinkPHP / Yii / Webman 等）的兼容适配，以及生产环境的日志埋点与稳定性保障。

我们在过去多个企业项目中使用过 nostalgiaz/bootstrap-switch 或与其功能相近的方案，如果你在选型或落地过程中遇到问题，例如 版本兼容、二次改造、私有化封装、与内部系统对接、生产 BUG 排查，欢迎联系我们协助评估。

围绕 nostalgiaz/bootstrap-switch 我们能提供哪些服务？

定制开发 / 二次开发

基于 nostalgiaz/bootstrap-switch 在你已有业务上做功能扩展、字段裁剪、UI 适配、与内部账号 / 权限 / 日志系统的深度对接。

BUG 修复 & 性能优化

线上偶发问题、内存泄漏、慢查询、并发异常等排查修复；针对高流量场景做缓存、队列、索引层面的调优。

项目外包 & 长期维护

承接完整的项目从需求 → 设计 → 开发 → 上线 → 长期运维；也可按月提供技术保姆服务。

yvsm@zunyunkeji.com QQ：316430983 微信：yvsm316 西安尊云信息科技 · 专注 PHP / Go / 分布式系统研发

与 nostalgiaz/bootstrap-switch 相关的其它包

同方向 / 同关键字的高下载量 PHP Composer 包推荐，方便对比选型：

microweber-deps/ziggy 0

Generates a Blade directive exporting all of your named Laravel routes. Also provides a nice route() helper function in JavaScript.

odan/twig-assets 22

Caching and compression for Twig assets (JavaScript and CSS).

firmaprofesional/js-translation-bundle 0

A pretty nice way to expose your translation messages to your JavaScript.

slince/composer-registry-manager 557

Composer mirrors manager

code-distortion/swap-con 0

A Laravel package giving you control over which database to use and when without having to micro-manage (also for broadcasting, cache, filesystem, logging and queue connections)

emmanuel/livewire-datatable-bs4 16

Views for the package MedicOneSystems Livewire Datatables with Bootstrap 4

nostalgiaz/bootstrap-switch

包简介

关键字：