关于html：如何在不同的屏幕尺寸上显示不同的布局？

How to display different layout on different screen size?

我的示例使用引导程序，但答案可以使用其他css框架或仅使用css

在此示例中

1
2
3

A
B
C

如果屏幕宽度大于991px

它将显示

[A][B][C]

否则它将显示

1
2
3

[A]
[B]
[C]

但是我不想只显示不同的样式，我也想显示不同的布局

例如：

大于991px

[A][B][C]

较小

1
2
3

[B]
[A]
[C]

另一个例子

1
2
3
4
5
6

A
B

C
D

更大

1
2
3
4
5
6
7
8
9
10
11

[A][B]
[C][D]

A
B

C
D

更小

1
2
3
4
5
6
7
8
9
10
11

[D][B]
[C][A]

D
B

C
A

如何使用CSS做到这一点？