按钮图标
基于Bootstrap3纯CSS滑动开关按钮
PetitQ
TiTatoggle 是一款基于 Bootstrap3 的纯 CSS 滑动开关按钮组件。该滑动按钮组件没有使用 Javascript，它的 HTML 结构和原生的 Bootstrap checkbox 组件结构基本相同，使用起来非常方便。它还提供了多种主题样式：IOS 样式和 Material 样式等。
使用方法
TiTatoggle 是一款基于 Bootstrap3 的纯 CSS 滑动开关按钮组件。该滑动按钮组件没有使用 Javascript，它的 HTML 结构和原生的 Bootstrap checkbox 组件结构基本相同，使用起来非常方便。它还提供了多种主题样式：IOS 样式和 Material 样式等。使用该 Bootstrap3 滑动开关按钮组件除了引入 Bootstrap 相关文件之外，只需要引入 titatoggle-dist.css 文件即可。
也想出现在这里？联系我们吧
<link href="css/titatoggle-dist.css" rel="stylesheet">
HTML 结构
该滑动开关组件的 HTML 结构和原生 Bootstrap checkbox 组件结构基本相同。原生 Bootstrap checkbox 组件结构如下：
<div class="checkbox">
<label>
<input type="checkbox">default Bootstrap 3
</label>
</div>
Ti-Ta-Toggle 的 HTML 结构只需要在原生 HTML 结构上添加.checkbox-slider--TYPE class，以及在<input>后面添加一个<span>元素即可。
<div class="checkbox checkbox-slider--default">
<label>
<input type="checkbox"><span>TiTaToggle</span>
</label>
</div>
| 演示地址 | 下载地址 |
专业提供WordPress主题安装、深度汉化、加速优化等各类网站建设服务，详询在线客服！
也想出现在这里？联系我们吧
