关于bootstrap栅格布局的问题

Question

关于bootstrap栅格布局的问题代码和效果图如下。这是在手机预览的，所以栅格布局使用的应该是col-sm-6，问题就是布局不是12才满吗？sm-6不是只能显示一半吗？为什么效果图里图片、背景都占满了12格？(外边距不算)，求解释一下？谢谢各位！😊

Answer 1

手机应该是xs
sm是平板追问

那代码那里没有预设xs的，所以不是应该继承sm的嘛？

追答

谁说没有？

通过下表可以详细查看 Bootstrap 的栅格系统是如何在多种屏幕设备上工作的。

超小屏幕 手机 (<768px)
小屏幕 平板 (≥768px)
中等屏幕 桌面显示器 (≥992px)
大屏幕 大桌面显示器 (≥1200px)

栅格系统行为
总是水平排列 开始是堆叠在一起的，当大于这些阈值时将变为水平排列C

.container 最大宽度
None （自动） 750px 970px 1170px

类前缀
.col-xs- .col-sm- .col-md- .col-lg-

来自：http://v3.bootcss.com/css/#grid

Answer 2

可能你的屏幕 手机 (<768px)，需要使用 .col-xs-追问

是的，不过没有预设.col-xs-，那它又是怎么实现样式的呢