README

将复选框和单选按钮转换为切换开关。由 Mattia Larentis 创建，由 Emanuele Marchi 和 Peter Stein 维护，并在社区的帮助下。兼容 Bootstrap 4、Bootstrap 3 和 Bootstrap 2。

在我的 fiddle 上试玩演示。

快速开始

提供多种快速开始选项

下载最新版本发布
克隆仓库: git clone https://github.com/Bttstrp/bootstrap-switch.git
使用 npm 安装: npm install bootstrap-switch
使用 yarn 安装: yarn add bootstrap-switch
使用 Composer 安装: composer require components/bootstrap-switch
使用 Bower 安装: bower install bootstrap-switch
使用 NuGet 安装: PM> Install-Package Bootstrap.Switch (NuGet 包)

包含依赖项：jQuery、Bootstrap 和 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>

添加您的复选框

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

在它上面初始化 Bootstrap Switch

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

享受吧。

支持浏览器

IE9+ 和所有其他现代浏览器。

LESS

对于 Bootstrap 2（不再官方支持），导入 src/less/bootstrap2/bootstrap-switch.less
对于 Bootstrap 3，导入 src/less/bootstrap3/bootstrap-switch.less

SASS/SCSS

对于 Bootstrap 4，导入 src/sass/bootstrap4/bootstrap-switch.scss

错误和功能请求

有错误或功能请求？请先搜索现有和已关闭的问题。如果您的問題或想法尚未解决，请创建一个新的问题。

新问题应包含问题摘要以及发生问题的浏览器/操作系统环境，以及您首选的游乐场的链接和简化测试用例。如果适用，请包括重现错误的步骤。

请不要使用问题跟踪器进行个人支持请求：在 Stack Overflow 上可以获得更好的帮助。

已知问题

确保不要将 .form-control 应用到输入框上。Bootstrap 不支持这一点，请参阅复选框和单选按钮

集成

许可证

在 MIT 许可证下许可。

nostalgiaz / bootstrap-switch

维护者

详细信息