响应式开发布局：
使用媒体查询针对不同的宽度的设备进行布局和样式的设置，从而适配不同的设备
通常设备的划分情况如下：
小于768px的宽度为超小屏幕
768~992之间的为小屏设备
992~1200px之间的是中等屏幕
1200px以上的是大屏幕
父级容器版心的尺寸：
小于768px的宽度为超小屏幕 版心宽度设置为100%
768~992之间的为小屏设备 版心宽度设置为750px
992~1200px之间的是中等屏幕 版心宽度设置为970px
1200px以上的是大屏幕 版心宽度设置为1170px
Bootstrap：
栅格系统
系统会将页面最多分为12列
栅格系统通过行（row）和列（column）的组合来控制页面布局，我们的页面内容就可以放到这些创建好的布局中
|
