4.1 按钮

网页里面的按钮,原版的样式都比较呆板,bootstrap的按钮样式使用了比较流行的扁平化设计,还提供了几种颜色供使用。



描述
例子
btn
按钮添加基本样式,以下所有类都必须和btn一起使用
btn-default
按钮显示成白色
btn-primary
按钮显示成深蓝色
btn-info
按钮显示成蓝色
btn-success
按钮显示成绿色
btn-warning
按钮显示成橙色
btn-danger
按钮显示成红色
btn-link
让按钮看起来像是一个链接


这些类可以用在所有按钮元素,或者链接。就是button,input(type是button、reset和submit),和a

按钮也可以设置不同的大小,从大到小的类分别是:
btn-lg:
btn-sm:
btn-xs:
注意,是没有btn-md的,因为什么都不写,就是md
还有一种通常在手机屏幕使用,这类按钮占满整个父容器宽度:
btn-block