Bootstrap 按钮(实例 )

默认按钮

原始按钮

成功按钮

信息按钮

警告按钮

危险按钮

链接按钮

按钮大小


下表列出了获得各种大小按钮的 class:

下面的实例演示了上面所有的按钮 class:



Bootstrap 实例 - 按钮大小




大的原始按钮

大的按钮

默认大小的原始按钮

默认大小的按钮

小的原始按钮

小的按钮

特别小的原始按钮

特别小的按钮

块级的原始按钮

块级的按钮

按钮状态


Bootstrap 提供了激活、禁用等按钮状态的 class,下面将进行详细讲解。

激活状态

按钮在激活时将呈现为被按压的外观(深色的背景、深色的边框、阴影)。

下表列出了让按钮元素和锚元素呈激活状态的 class:

下面的实例演示了这点:



Bootstrap 实例 - 按钮激活状态




默认按钮

激活按钮

原始按钮

激活的原始按钮

禁用状态

当您禁用一个按钮时,它的颜色会变淡 50%,并失去渐变。

下表列出了让按钮元素和锚元素呈禁用状态的 class:

下面的实例演示了这点:



Bootstrap 实例 - 按钮禁用状态




默认按钮

禁用按钮

原始按钮

禁用的原始按钮

链接

禁用链接

原始链接

禁用的原始链接

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值