网格系统

一 实现原理： 将容器大小，评分12份，再调整内外边距，最后结合媒体查询，制成强大的响应式网格系统。

   二： 工作原理：
   1 数据行（.row)必须包含在容器（。content)中，以便为其赋予合适的对齐方式和内边距padding
   例：<div class="container">
        <div class="row"></div>
    </div>
2 在（.row)中可以添加（.column).但是烈数不能超过评分总数，比如12.
例：<div class="container">
<div class="row">
      <div class="col-md-4"></div>
  <div class="col-md-8"></div>
  3 具体内容应当放置在列容器（column）之内，而且只有列（column）才可以作为行容器(.row)的直接子元素
  4 通过设置内边距padding，从而创建列与列之间的间距，然后通过为第一列和最后一列设置负值的外距（margin）来抵消内距(padding)的影响

三： 基本用法
 col-xs 超小屏并且以上生效
 col-sm 小屏及以上
 col-md 中屏及以上
 col-lg 大屏及以上

四： 列偏移
 只需在元素添加类名 col-md-offset* （*代表要偏移的咧组合数）