Bootstrap_栅格系统_入门

1. 响应式布局
   • 同一套页面可以兼容不同分辨率的设备
   • 实现：依赖于栅格系统：将一行平均分成12个格子，可以去指定元素占几个格子。
   • 步骤：
     • 定义容器。相当于之前的 table
       • 容器分类：
         • container : 两边有留白
         • container-fluid : 每一种设备都是100%宽度
     • 定义行。相当于之前的 tr    样式 ： row
     • 定义元素。（相当于 td）指定元素在不同设备上，所占的格子数目。样式： col-设备代号-格子数目。
       • 设备代号：
         
   4. 注意：
      • 一行中如果格子数目超过12，则超出部分 自动换行。
      • 栅格类属性可以向上兼容。栅格类适用于与屏幕宽度 大于或等于分界点的设备。
      • 如果真实设备的宽度小了栅格类属性的设备代码的最小值，默认会一个元素占满一整行。