布局屏幕分类

前面说过，BootStrap是一种全响应的技术，那么针对不同的屏幕，它是怎么提供支持的呢？ 别担心，针对不同的显示屏幕尺寸，BootStrap提供了不同的栅格布局的属性：

1. col-xs-* 超小屏幕 手机 (<768px)
2. col-sm-* 小屏幕 平板 (≥768px)
3. col-md-* 中等屏幕 桌面显示器 (≥992px)

4. col-lg-* 大屏幕 大桌面显示器 (≥1200px)

   在DIV1中修改'class=col-md-8'为'class=col-xs-4',看看运行效果是怎么样的？