Bootstrap - 全局css样式类

状态类

通过这些状态类可以为行或单元格设置颜色。

.active    鼠标悬停在行或单元格上时所设置的颜色
.success    标识成功或积极的动作
.info    标识普通的提示信息或动作
.warning    标识警告或需要用户注意
.danger    标识危险或潜在的带来负面影响的动作

Div

.container

.row

.container-fluid

栅格参数

.col-xs-*   

.col-sm-* 

.col-md-* 

.col-lg-*

列偏移

http://v3.bootcss.com/css/#grid-offsetting

使用这个就不需要强制通过补满栅格12列来布局了

.col-xs-offset-*    
.col-sm-offset-*   
.col-md-offset-*   
.col-lg-offset-*

响应式工具

.visible-xs-*

.visible-sm-*

.visible-md-*

.visible-lg-*

.hidden-xs     

.hidden-sm

.hidden-md

.hidden-lg

表单

http://v3.bootcss.com/css/#forms-horizontal

.form-horizontal

.form-group

.form-control

.form-control-static

.form-inline

.control-label

.input-group > .input-group-addon + .form-control + .input-group-addon  我最喜欢的样式

按钮Btn

 role="button"

.btn

.btn-default 

.btn-primary

.btn-success

.btn-info

.btn-warning

.btn-danger

.btn-link

.btn-(xs/md/sm/lg)

表格

http://v3.bootcss.com/css/#tables

.table

.table-striped

.table-bordered

.table-hover

.table-condensed

.table-responsive  将任何 .table 元素包裹在 .table-responsive 元素内，即可创建响应式表格

多选和单选框

http://v3.bootcss.com/css/#-24

.disabled

.radio

.radio-inline

.checkbox

.checkbox-inline

校验状态

.has-warning
.has-error 
.has-success

控件尺寸高度

通过 .input-lg 类似的类可以为控件设置高度，通过 .col-lg-* 类似的类可以为控件设置宽度。

.input-(xs/md/sm/lg)

.form-group-(xs/md/sm/lg)

图片形状

img-rounded

img-circle

img-thumbnail

文本颜色

.text-muted 

.text-primary 

.text-success 

.text-info 

.text-warning 

.text-danger

情境背景色

.bg-primary 

.bg-success 

.bg-info 

.bg-warning 

.bg-danger

工具类

.pull-left

.pull-right

.center-block  让内容块居中

.clearfix

.show

.hidden

巴特西