由于超小屏幕上列的默认行为如下(引自Bootstrap网站的引用):
始终水平
我想知道col-xs-*
的重点是什么?在xs设备上,无论如何都要垂直堆叠列,那么为什么还要使用这种代码呢?
顺便说一句,我知道例如col-md-6
向上扩展。但是如果缩小尺寸呢,那么在这个例子中,如果没有为小屏幕声明什么?是否也有默认值?
答案 0 :(得分:1)
这样您就可以在低于768px
的屏幕尺寸上水平堆叠项目,而不会垂直堆叠。当视口变小而不破坏下一行时,列将重新调整大小。如果您的页面中有任何内容,您不希望以给定的宽度打破,那么现在是使用SX
的好时机。