Bootstrap 解析

class命名规则

1. 所有class名称为小写，如果名称包含两个单词或多个单词，则用中横线“-”进行连接，而非驼峰命名法，如：.col-lg-12
2. 主class以英文单词全写或缩写命名，如：.label .btn
3. 从class以主class名称开头，以中横线“-”连接，之后是从class的有意义的名称，如：.label-default .btn-default
4. 组名称以主class开头，以中横线“-”连接，之后是group，如：.btn-group .form-group
5. 有不同状态的主class以颜色进行区分，这些颜色名称包括 .*-default .*-primary .*-success .*-info .*-warning .*-danger， 注意不是所有的有多状态的主class都包含以上所有的状态。如：.alert只有4个状态，没有*-default
6. 尺寸命名以主class开头，以中横线“-”连接，之后是相应的尺寸名称，这些尺寸名称包括 *-lg *-md *-sm *-xs,注意不是所有的有大小状态的主class都包含以上所有的状态。 如：.btn只有三个大小状态，没有*-md

名称比对

主Class	状态Class	尺寸Class