关于 bootstrap 里的网格布局

[azev]

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

<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 小了 每块都会自动换行撑满吧

[WuwuGin]

意思是小于 sm 以后撑满，是有必要的，如果后面接一个 sm-8 的 row，相当于原本在一行的两列分成独自的两行了。
但是有的时候你不想拆分的话，还是写成 xs-4。不管怎么样，写上是最易读的。

[x86]

https://v3.bootcss.com/css/#grid-options

[wxsm]

写上有助于提高代码可阅读性

[jmjc]

sm xs 是两个不同尺寸的显示结果

[azev]

也就是说作用只是易读?
@wxsm
@WuwuGin

[WuwuGin]

@azev 因为你已经知道了加和不加似乎没什么区别了。这样写除了提高易读性，也提高了可维护性，以后（比如不想让他填满了）改的话，很轻易就找到应该在什么地方动。

[wxsm]

@azev 是