Bootstrap CSS 按钮参考

按钮颜色


按钮大小


活动/禁用的按钮


块状按钮


按钮组


按钮样式

下面的样式类可用于设置任何 <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使按钮组垂直堆叠试一试