Bootstrap 源码解析

CSS 组件设计原则

　　类型

　　　　大量使用类样式，尽量避免破坏标签默认样式

　　　　Bootstrap 设计基本原则

1. 1. 最小化设计原则
      • CSS 类样式应该最小化，这样才能够灵活地组合使用（类样式一般遵循最小化设计原则，但是如果没有被重复利用的价值，就不应该再坚持最小化定义）
      • 在定义各类组建样式时，把主题样式单列出来（包括前景色、背景色和边框色），作为主题类独立使用
   2. 通用化设计原则
      • CSS 类效果应该体现通用化，即具备广泛的应用价值
      • 由于 Bootstrap 类库中包含大量的样式类，因此在命名时要有规律，这样才可以快速找到和利用

　　模块

　　　　Bootstrap 样式库具有很强的模块化设计特性，把大量松散的样式码汇集在一起，避免 CSS 代码冗余

1. 1. 布局类
      • 　　Bootstrap 设计了一套栅格系统，提供了经典的视觉效果和标准的 Web 设计标准，因此这套栅格系统具有很高的参考价值
   2. 功能类
      • 　　Bootstrap 根据页面对象和功能分门别类地设计了多种样式，如按钮类、表格类、表单类、版式、文本代码、图片等
   3. 基本类
      • 　　基本类样式主要是针对 CSS 中的通用组建进行定义
   4. 工具类
      • 　　关注 CSS 中一些特定样式进行类化（定义的浮动、显隐、可见性、定位等工具类）