Bootstrap未设置col-xs时，超小屏幕是否自动适配为col-xs-12？

是的，完全正确！当你只设置了col-lg-4 col-md-4 col-sm-4而没有添加col-xs-*类时，Bootstrap 3会自动将这个列在超小屏幕（<768px）下渲染成100%宽度，也就是和设置col-xs-12的效果一模一样。

背后的原理： #

Bootstrap 3采用的是移动优先的栅格设计思路，栅格类的生效逻辑是：

• 如果你设置了col-sm-4，这个规则会在sm（≥768px）及所有更大尺寸的屏幕（md、lg）上生效，让列占4份宽度（总12份，也就是1/3宽度）；
• 而在比sm更小的xs屏幕下，只要你没有专门指定col-xs-*类，Bootstrap就会默认让列堆叠成100%宽度，自动适配超小屏幕的布局需求。

小提示： #

你的代码里col-lg-4 col-md-4 col-sm-4其实可以简化成只写col-sm-4，因为Bootstrap的栅格类是向上兼容的——col-sm-4的规则会自动应用到更大的md和lg屏幕上，除非你需要在更大屏幕上设置不同的列宽（比如col-sm-4 col-md-6）。

内容的提问来源于stack exchange，提问作者CodingFriend