bootstrap 按钮样式颜色属性有几种

来源：蜘蛛抓取(WebSpider) 时间：2016-10-29 03:43 标签： bootstrap按钮改颜色
bootstrap样式使用标准_百度文库
两大类热门资源免费畅读
续费一年阅读会员，立省24元！
bootstrap样式使用标准
上传于||文档简介
&&b​o​o​t​s​t​r​a​p​的​语​法​标​准​ ​ ​ ​H​T​M​L​ ​ ​ ​C​S​S
你可能喜欢<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
您的访问请求被拒绝 403 Forbidden - ITeye技术社区
您的访问请求被拒绝
亲爱的会员，您的IP地址所在网段被ITeye拒绝服务，这可能是以下两种情况导致：
一、您所在的网段内有网络爬虫大量抓取ITeye网页，为保证其他人流畅的访问ITeye，该网段被ITeye拒绝
二、您通过某个代理服务器访问ITeye网站，该代理服务器被网络爬虫利用，大量抓取ITeye网页
请您点击按钮解除封锁&Bootstrap 开关（switch）控件
Bootstrap 开关（switch）控件
尺寸（Size）
&div class="switch switch-large">
&input type="checkbox" checked />
&div class="switch">
&input type="checkbox" checked />
&div class="switch switch-small">
&input type="checkbox" checked />
&div class="switch switch-mini">
&input type="checkbox" checked />
颜色（Colors）
&div class="switch" data-on="primary" data-off="info">
&input type="checkbox" checked />
&div class="switch" data-on="info" data-off="success">
&input type="checkbox" checked />
&div class="switch" data-on="success" data-off="warning">
&input type="checkbox" checked />
&div class="switch" data-on="warning" data-off="danger">
&input type="checkbox" checked />
&div class="switch" data-on="danger" data-off="primary">
&input type="checkbox" checked />
动画（Animation）
&div class="switch" data-animated="false">
&input type="checkbox" checked />
禁用（Disabled）
&div class="switch">
&input type="checkbox" checked disabled />
文本（Text）
&div class="switch" data-on-label="SI" data-off-label="NO">
&input type="checkbox" checked />
HTML文本（HTML text）
<div class="switch" data-on-label="" data-off-label="">
&div class="switch" data-on-label="&i class='icon-ok icon-white'>&/i>" data-off-label="&i class='icon-remove'>&/i>">
&input type="checkbox" checked />
事件处理（Event handler） javascript
$('#mySwitch').on('switch-change', function (e, data) {
var $el = $(data.el)
, value = data.
console.log(e, $el, value);
Toggle State javascript
Toggle me!
$('#toggle-state-switch').bootstrapSwitch('toggleState');
$('#toggle-state-switch').bootstrapSwitch('setState', false); // true || false
销毁（Destroy） javascript
Destroy me!
$('#destroy-switch').bootstrapSwitch('destroy');
创建（Create） javascript
$('#create-switch').wrap('&div class="switch" />').parent().bootstrapSwitch();
禁用（Disabled） javascript
Is active?
Toggle activation!
$('#disable-switch').bootstrapSwitch('isActive');
$('#disable-switch').bootstrapSwitch('toggleActivation');
$('#disable-switch').bootstrapSwitch('setActive', false);
// true || false
表单（Form） - try to use tab and space
Notification 1
Notification 2
&form class="form-horizontal">
&div class="control-group">
&label class="control-label" for="inputEmail">Email&/label>
&div class="controls">
&input type="text" id="inputEmail" placeholder="Email">
&div class="control-group">
&label class="control-label" for="notification1">Notification 1&/label>
&div class="controls">
&div class="switch" tabindex="0">
&input id="notification1" type="checkbox" />
&div class="control-group">
&label class="control-label" for="notification2">Notification 2&/label>
&div class="controls">
&div class="switch" tabindex="0">
&input id="notification2" type="checkbox" />
模态对话（Modal）
&a href="#myModal" role="button" class="btn" data-toggle="modal">Modal&/a>
&div class="modal-body">
&div class="switch">
&input type="checkbox" checked />
Bootstrap Switch由翻译整理

我要回帖

更多关于 bootstrap按钮改颜色 的文章

 

随机推荐