Responsive design 具有不同Bootstrap 3响应柱类别的砌体

我有这些柱子，砖石工程在某些阶段做得很好，但当屏幕“非常小”时，它无法在

col-xs-6

处保留最后一根柱子

这在中等屏幕大小方面很好+

这在屏幕尺寸小方面很好

这是断开的最后两列应该是6而不是12

---

在这里，您可以使用引导和砌体对这些元素进行操作。Bootstrap在元素上使用媒体查询，改变它们的宽度，并在窗口改变时以不同的方式堆叠它们。圬工试图通过将元素堆叠在一起来做类似的事情，因为bootstrap使较小尺寸的元素更宽，所以圬工无法正确堆叠这些元素

---

ProTip：如果你从主体背景更改元素背景，这将对调试有很大帮助，这样你可以看到前景元素的实际大小。

我意识到这是一个宽度问题。我只是还不知道如何在一个网格中有多个响应宽度。没有时间去摆弄，但我相信Bootstrap3.0本身就足以完成它。这不需要砌筑。事实上，它的砖石结构似乎导致了间距/宽度问题，使得最后两个div一个接一个地流动。

<div class="col-xs-12 col-sm-6 col-md-3"></div>
<div class="col-xs-12 col-sm-6 col-md-3"></div>
<div class="col-xs-6 col-md-3"></div>
<div class="col-xs-6 col-md-3"></div>