细胞的流体排列

Fluid Arrangement of Cells

http://www.bootply.com/ySKc5Jc7B4


初步安排为:

1 2 3
4 5 6

如果我现在逐渐减小 window 的大小,那么网格会突然跳到:

1
2
...
6

我想要一个包含两列的中间步骤:

1 2
3 4
5 6

我假设这种行为被称为流体(性)——因此我尝试了 container-fluid class 容器 div。但这并没有做到,而且还弄乱了初始网格大小。

是否可以让网格以如此合理的方式运行?

(我是 Twitter 的新手 Bootstrap (3))

当然可以。您只需更改磁贴上的 class 个名称。

col-md-4col-lg-4 col-md-6 col-xs-12 这样的组合。告诉它要做的是:

  1. 对于大屏幕,占用 12 列中的 4 列。
  2. 对于中等屏幕,占用 12 列中的 6 列。
  3. 对于非常小的屏幕,占用 12 列中的 12 列。

希望对您有所帮助。

Example here