按钮

预定义样式

使用下面列出的类可以快速创建一个带有预定义样式的按钮。

（默认样式）Default


（首选项）Primary


（成功）Success


（一般信息）Info


（警告）Warning


（危险）Danger


（链接）Link

尺寸

使用 .btn-lg、.btn-sm 或 .btn-xs 就可以获得不同尺寸的按钮。

  （大按钮）Large button
  （大按钮）Large button


  （默认尺寸）Default button
  （默认尺寸）Default button


  （小按钮）Small button
  （小按钮）Small button


  （超小尺寸）Extra small button
  （超小尺寸）Extra small button

通过给按钮添加 .btn-block 类可以将其拉伸至父元素100%的宽度，而且按钮也变为了块级（block）元素。

（块级元素）Block level button
（块级元素）Block level button

禁用状态

通过为按钮的背景设置 opacity 属性就可以呈现出无法点击的效果。

button 元素

为 <button> 元素添加 disabled 属性，使其表现出禁用状态。

Primary button Button

Primary button
Button