关于 bootstrap 里的网格布局,这段xs与sm共存有什么意义?

Question

看资料里一个示例网站布局用了这么一段代码

<div class="row">
<div class="col-sm-4 col-xs-12"> </div>
<div class="col-sm-4 col-xs-12"> </div>
<div class="col-sm-4 col-xs-12"> </div>
</div>

这里三个 col-xs-12 貌似没有必要啊?
只要页面大小比 sm 小了 每块都会自动换行撑满吧

Answer 1

col-xs-12表示当屏幕宽度小于768px时，加该class的容器宽度跟屏幕宽度一样
具体参考：

https://v3.bootcss.com/css/