# 栅格系统简介 把页面内容划分若干等份  ## 讲解  ## 栅格选项参数 （container）  引用  ### 属性选择器\[class^="col"\] {border: 1px solid #cCC;} ## 容器类名=container 每行类名div=row 每列类名="col-1g-3" 这是屏幕>=1200px 引用的 3是（一行总12份）其中的3份 ## 行内划分 （row 每次划分用row） | 如果孩子的份数相加等于12则孩子能占满整个的container 的宽度 |  | | --- | --- | | **如果孩子的份数相加小于12则会?则占不满整个container的宽度会有空白** |  | | **如果孩子的份数相加大于12则会?多于的那一列会另起一行显示** | | |  |  | ### 响应不同屏幕宽度不同  ## 列嵌套  ## 列偏移 （.col-md-offset- ）  ### 列偏移 （页面水平居中）  ## 列顺序  讲解  ## 3.6响应式工具 为了加快对移动设备友好的页面开发工作,利用媒体查询功能,并使用这些工具类可以方便的针对不同设备**展示**或**隐藏页面内容**。 ### 隐藏  ### 显示 **visible-xs visible- sm visible-md visible-lg是显示某个页面内容**