笔记-栅格系统注意事项-入门

• 注意：
  • 一行中如果格子数目超过12,则超出部分自动换行
  • 栅格类属性可以向上兼容。栅格类适用于与屏幕宽度大于或等于分界点大小的设备
  • 如果真实设备宽度小于了设置栅格类属性的设备代码的最小值，会一个元素沾满一行
• 同一套页面可以兼容不同分辨率的设备
• 实现：依赖于栅格系统：将一行平均分为12个格子，可以指定元素占几个格
• 步骤：
  • 定义容器：
    • 容器分类：container:两边留白
    •                    container-fluid:每一种设备都是100%的宽度
  • 定义行：相当于之前的tr    样式：row
  • 定义元素： 指定该元素在不同设备上，所占的格子数目。  样式：col-设备代号-格子数目   
    • 设备代号：
      • xs：超小屏幕
      • sm：平板
      • md：电脑
      • lg：电视