Bootstrap 栅格系统的问题

代码解释：
在进行响应式布局时合理利用col-xs-12 col-sm-6 col-md-6十分关键以更加灵活地适应不同大小的屏幕

在同一行，如上代码中col-md-6 就是在970px以上的像素宽度的屏幕中整行被占满

当不断缩小屏幕，在屏幕宽度在大于760px时屏幕col-sm-6 起作用，页面转换为col-sm-6布局

当屏幕继续缩小，屏幕宽度小于760px时，页面转换为col-xs-12样式，页面布局另起一行

 栅格系统可以理解是一种特殊的表格排放模式，当第一行的内容被挤下来

row是行类元素：即使div的容量小放不下其子div，被挤下第二行，包含row的div还会占领第二行，不被row行类元素包裹的div则没有这一特性。