细胞的流体排列
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-4
到 col-lg-4 col-md-6 col-xs-12
这样的组合。告诉它要做的是:
- 对于大屏幕,占用 12 列中的 4 列。
- 对于中等屏幕,占用 12 列中的 6 列。
- 对于非常小的屏幕,占用 12 列中的 12 列。
希望对您有所帮助。
Example here
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-4
到 col-lg-4 col-md-6 col-xs-12
这样的组合。告诉它要做的是:
- 对于大屏幕,占用 12 列中的 4 列。
- 对于中等屏幕,占用 12 列中的 6 列。
- 对于非常小的屏幕,占用 12 列中的 12 列。
希望对您有所帮助。