CSS，Bootstrap：使元素自动排列位置以适应屏幕

Question

我有一系列元素在大屏幕上看起来像这样：

[-1-][---2----][-3-][-4-]

但是当屏幕较小时，元素应自动调整其位置以适应屏幕（每个元素的宽度和高度都不能改变）：

[-1-][-3-]
[---2----]
[-4-]

我该怎么做？

Answer 1

您应该添加课程：

col-xs-6 to 1

col-xs-12 to 2

col-xs-6 to 3

col-xs-6 to 4

但是高度不会相等，因为元素必须改变高度以适应屏幕尺寸。当然你可以在CSS中添加max-height，但很难说它会是怎样的。