将移动和桌面与网格系统混合

Question

Bootstrap文档指出，对于单个水平块，网格列最多应加12个。不仅如此，无论视口是什么，列都会开始堆叠。然后继续给出一个混合移动和桌面的例子：

所以.col-md-8和.col-md-4加起来为12，因此它们应该保留在一个水平块上。但是，.col-xs-12和.col-xs-6不等于12.我的假设是我们混合xs和md，因为我们希望它们都出现在各自设备的单个水平块上。所以不会.col-xs-12和.col-xs-6堆叠？如果没有，为什么？

Answer 1

xs-*类定位设备＆lt; 768px，而md-*类目标≥992px。

所以如果你在手机上（＆lt; 768px），只需查看xs类并忽略md类。你将有12 + 6，因为每行只有12列你的div应该是这样的：

------------  <-- xs-12
------        <-- xs-6