CSS 组件设计原则
类型
大量使用类样式，尽量避免破坏标签默认样式
Bootstrap 设计基本原则
- 最小化设计原则
- CSS 类样式应该最小化，这样才能够灵活地组合使用（类样式一般遵循最小化设计原则，但是如果没有被重复利用的价值，就不应该再坚持最小化定义）
- 在定义各类组建样式时，把主题样式单列出来（包括前景色、背景色和边框色），作为主题类独立使用
- 通用化设计原则
- CSS 类效果应该体现通用化，即具备广泛的应用价值
- 由于 Bootstrap 类库中包含大量的样式类，因此在命名时要有规律，这样才可以快速找到和利用
- 最小化设计原则
模块
Bootstrap 样式库具有很强的模块化设计特性，把大量松散的样式码汇集在一起，避免 CSS 代码冗余
- 布局类
- Bootstrap 设计了一套栅格系统，提供了经典的视觉效果和标准的 Web 设计标准，因此这套栅格系统具有很高的参考价值
- 功能类
- Bootstrap 根据页面对象和功能分门别类地设计了多种样式，如按钮类、表格类、表单类、版式、文本代码、图片等
- 基本类
- 基本类样式主要是针对 CSS 中的通用组建进行定义
- 工具类
- 关注 CSS 中一些特定样式进行类化（定义的浮动、显隐、可见性、定位等工具类）
- 布局类