bootstrap-button

1.定义button

, , 均可以定义按钮

  Link
  

Button

2.button分类

原始按钮
成功按钮
默认按钮
信息按钮
警告按钮
危险按钮
链接按钮

3.button大小

• btn-lg （大按钮）Large button
• btn-default （默认尺寸）Default button
• btn-sm （小按钮）Small button
• btn-xs （超小尺寸）Extra small button
• btn-block （块级元素）Block level button，可以将按钮拉伸至父元素100%的宽度，变为块级（block）元素

   大的原始按钮
   大的按钮


    默认大小的原始按钮
    默认大小的按钮


   小的原始按钮
   小的按钮


   特别小的原始按钮
   特别小的按钮


   块级的原始按钮
   块级的按钮

4.button状态

• 禁用状态
  表现颜色变淡，无法点击，为按钮添加 disabled="disabled" 实现

   默认按钮
   禁用按钮
   


   原始按钮
   禁用的原始按钮

• 激活状态
  表现为 底色更深、边框夜色更深、向内投射阴影。通过 active 实现

默认按钮
激活按钮


原始按钮
激活的原始按钮
```


![](http://upload-images.jianshu.io/upload_images/3488005-443b0356ac41532b.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

###5.按钮组
将一组按钮放在同一行里

```

     1
     2
     3

```

![](http://upload-images.jianshu.io/upload_images/3488005-011cf3137141def8.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

  
> 参考：http://v3.bootcss.com/css/#buttons
http://www.runoob.com/bootstrap/bootstrap-buttons.html
http://v3.bootcss.com/components/#btn-groups