关于 bootstrap 里的网格布局

2018-06-07 14:20:54 +08:00
 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 小了 每块都会自动换行撑满吧
1103 次点击
所在节点    问与答
7 条回复
WuwuGin
2018-06-07 14:28:55 +08:00
意思是小于 sm 以后撑满,是有必要的,如果后面接一个 sm-8 的 row,相当于原本在一行的两列分成独自的两行了。
但是有的时候你不想拆分的话,还是写成 xs-4。不管怎么样,写上是最易读的。
x86
2018-06-07 14:41:29 +08:00
wxsm
2018-06-07 15:02:39 +08:00
写上有助于提高代码可阅读性
jmjc
2018-06-07 15:20:12 +08:00
sm xs 是两个不同尺寸的显示结果
azev
2018-06-07 15:20:43 +08:00
也就是说作用只是易读?
@wxsm
@WuwuGin
WuwuGin
2018-06-07 15:26:22 +08:00
@azev 因为你已经知道了加和不加似乎没什么区别了。这样写除了提高易读性,也提高了可维护性,以后(比如不想让他填满了)改的话,很轻易就找到应该在什么地方动。
wxsm
2018-06-07 15:28:11 +08:00
@azev

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/461187

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX