Bootstrap CSS 按钮参考


Button 按钮颜色


Button 按钮尺寸


Buttons 活动/禁用按钮


块级按钮


按钮组


按钮类

以下类可用于设置任何 <a>, <button>, 或 <input> 元素的样式:

描述 实例
.btn 为任何按钮添加基本样式 测试一下
.btn-default 表示默认/标准按钮 测试一下
.btn-primary 提供额外的视觉权重并识别一组按钮中的主要操作 测试一下
.btn-success 表示成功或积极的行动 测试一下
.btn-info 信息警报消息的上下文按钮 测试一下
.btn-warning 表示应谨慎执行此操作 测试一下
.btn-danger 表示危险或潜在的负面行为 测试一下
.btn-link 使按钮看起来像一个链接(仍然有按钮行为) 测试一下
.btn-lg 制作一个大按钮 测试一下
.btn-sm 制作一个小按钮 测试一下
.btn-xs 制作一个额外的小按钮 测试一下
.btn-block 制作一个块级按钮(跨越父元素的整个宽度) 测试一下
.active 使按钮看起来被按下 测试一下
.disabled 使按钮禁用 测试一下
.navbar-btn 垂直对齐导航栏中的按钮 测试一下

按钮组类

以下类可用于设置任何 <a>, <button>, 或 <input> 元素的样式:

描述 实例
.btn-group 将按钮组合在一行中 测试一下
.btn-group-justified 使一组按钮跨越屏幕的整个宽度 测试一下
.btn-group-lg 大按钮组(使按钮组中的所有按钮变大 - 增加字体大小和填充) 测试一下
.btn-group-sm 小按钮组(使按钮组中的所有按钮更小) 测试一下
.btn-group-xs 超小按钮组(使按钮组中的所有按钮都超小) 测试一下
.btn-group-vertical 使按钮组显示为垂直堆叠 测试一下