bootstrap基础常用类名整理

颜色提醒：

.success：表示成功的操作(绿色)

.info：表示信息变化的操作(蓝色)

.warning：表示一个警告的操作(黄色)

.danger：表示一个危险的操作(红色)

1.网格系统：

        class前缀后接所占格数：<768px ：.col-xs-    <992px:.col-sm-    <1200px:.col-md-    >1200px:.col-lg-

2.表格：

        .table:为任意 <table> 添加基本样式 (只有横向分隔线)

        .table-striped:在 <tbody> 内添加斑马线形式的条纹 ( IE8 不支持)

        .table-bordered:为所有表格的单元格添加边框

        .table-hover:在 <tbody> 内的任一行启用鼠标悬停状态

        .table-condensed:让表格更加紧凑

3.表单：

        3.1表单布局

        垂直或基本表单：form-group

        内联表单：form-inline

        水平表单：form-horizontal

        3.2表单控件input

        输入框input：form-control

        文本框textarea：form-control

        复选框checkbox和单选框radio：.checkbox-inline 或 .radio-inline 

        选择框select：form-control

4.按钮

        .btn:为按钮添加基本样式

        .btn-default:默认/标准按钮

        .btn-primary:原始按钮样式（未被操作）

        .btn-link:让按钮看起来像个链接 (仍然保留按钮行为)

        .btn-block:块级按钮(拉伸至父元素100%的宽度)

        .active:按钮被点击

        .disabled:禁用按钮

5.图片：

        .img-rounded：为图片添加圆角 (IE8 不支持)

        .img-circle：将图片变为圆形 (IE8 不支持)

        .img-thumbnail：缩略图功能

        .img-responsive：图片响应式 (将很好地扩展到父元素)

6.响应式实用工具

        .visible-xs：<768px可见，其余隐藏

        .visible-sm：768px<x<992px可见，其与隐藏

        .visible-md：992px<x<1200px可见，其与隐藏

        .visible-lg：>1200px可见，其余隐藏

        .hidden-xs：反之同上

        .hidden-sm：反之同上

        .hidden-md：反之同上

        .hidden-lg：反之同上