现象：使用Boostrap进行响应式Web开发时，应用栅格功能进行定位时，应用col-md-6及col-sm-8时，网页效果都有呈现。但是使用col-xs-12时，在小型设备上效果没有按预期显示。

如上图所示，类名row嵌入了class为col-xs-6的div子元素，但是在xs特小号设备上没有按50%的宽度显示。F12调出浏览器调试窗口，Css属性也没有出现@media的内容。

原因分析：

Bootstrap v3 超小屏幕 手机 (<768px) 时通过类名col-xs-*控制，在Bootstrap V4时，将小型设备分的更细了，屏幕尺寸大于576小于768时使用col-sm-*,  屏幕尺寸小于576的类名用col-*控制。

由此，以上的问题，将col-xs-6替换为col-6后 栅格布局就正常了。