按钮,图片,工具和响应式工具(css组件)

#按钮

1 button

2 input type=button/submit/reset

3 a

#按钮的七种样式

.btn btn-default

.btn btn-primary

.btn btn-success

.btn btn-info

.btn btn-warning

.btn btn-danger

.btn btn-link

#按钮尺寸

.btn-lg

.btn-sm

.btn-xs

默认大小不加类名

#按钮变成块元素

.btn-block

独占一行

#按钮的激活状态

按钮被按下时的状态

.active

#按钮被禁用时的状态

鼠标放上或按下时无反应无变化

.disabled

总结:强烈建议使用button标签,以确保跨浏览器的一致性样式

#img图片

IE8不支持圆角特性

.img-rounded

.img-circle

.img-thumbnail

#img响应式图片

img-responsive

#关闭按钮

span /button.close

×;表示乘号

#向下箭头

span .caret

你可能感兴趣的:(按钮,图片,工具和响应式工具(css组件))