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