Bootstrap的CSS样式

1 布局

（1）container类
能够实现响应式

（2）contain-fluid类
宽度始终为100%

2 栅格系统

（1）col-xs-1：手机

（2）col-sm-1：平板

（3）col-md-1：PC

列偏移：col-md-offset-1

3 无样式列表

（1）list-unstyled：去掉ul默认样式

（2）list-inline：将ul子元素放于同一行

4 表格类

给table添加的类：

（1）table：表格基础类

（2）table-striped：隔行变色

（3）table-hover：鼠标悬停效果

（4）table-condensed：缩小内边距为原来的一半

（5）table-bordered：使表格有边框

给tr或td添加的类：

（1）.activate：鼠标悬停在行或单元格上时所设置的颜色

（2）.success：标识成功或积极的动作

（3）.info：表示普通的提示信息或动作

（4）.warning：标识警告或需要用户注意

（5）.danger：表示危险或潜在的带来负面影响的动作

响应式表格：

table-responsive：当屏幕尺寸小于768时，可以在表格下面出现滚动条

5 按钮

设置类即可
（1）btn类：按钮的样式

（2）btn-default类：悬停效果

（3）btn-primary：首选项效果

（4）btn-success：成功效果

（5）btn-info：一般信息效果

（6）btn-warning：警告效果

（7）btn-danger：危险效果

设置尺寸
（1）btn-lg：变大

（2）btn-sm：变小

（3）btn-xs

将按钮变为块元素：btn-block

设置按钮被激活时的状态：active

6 图片

（1） img-round：圆角效果

（2）img-circle：圆形

（3）img-thumbnail：边框

（4）img-responsive：图片变为响应式

7 三角符号

caret类

8 快速浮动

（1）pull-left

（2）pull-right

9 内容块居中

center-block

10 响应式工具

（1）visible-xs/sm/md/lg:在不同的设备上显示

（2）hiddem-xs/sm/md/lg:仅此大小隐藏