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

Bootstrap文档指出，对于单个水平块，网格列的总和应为12。除此之外，无论视口如何，列都会开始堆叠。然后给出了一个混合移动和桌面的示例：

---

所以.col-md-8和.col-md-4加起来是12，所以它们应该保持在一个水平块上。但是，.col-xs-12和.col-xs-6加起来不是12。我在这里的假设是，我们混合使用xs和md，因为我们希望它们都出现在各自设备的单个水平块上。那么.col-xs-12和.col-xs-6堆栈就不会了？若否，原因为何

xs-*

类的目标设备是，它们将堆叠在移动设备上。col-xs-12将具有100%的宽度，而.col-xs-6将具有50%的宽度container@JamesKing那么，我不理解他们在这个例子中完成了什么。col-md-8和.col-md-4将出现在桌面屏幕的一个块上，而.col-xs-12和.col-xs-6将出现在手机的两个块上，这是由于堆叠造成的。因此，这两种装置的外观将不尽相同。这里的目的不是让它们在手机和桌面上看起来一样吗？我想他们是在试图说明如何通过根据屏幕大小改变列数来完成不同的布局。如果阅读

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