细胞的流体排列

时间:2015-03-27 20:15:31

标签: css twitter-bootstrap-3

http://www.bootply.com/ySKc5Jc7B4


最初的安排是:

1 2 3
4 5 6

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

1
2
...
6

我想有两个列的中间步骤:

1 2
3 4
5 6

我认为这种行为称为流体(ity) - 因此我尝试了容器container-fluid的{​​{1}}类。但这并没有做到这一点,而且还与最初的网格尺寸混淆。

是否有可能以合理的方式使网格表现?

(我对Twitter Bootstrap(3)很新)

1 个答案:

答案 0 :(得分:2)

不确定。您只需要更改磁贴上的类名称。

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

  1. 对于大屏幕,占12列中的4列。
  2. 对于中型屏幕,占12列中的6列。
  3. 对于非常小的屏幕,占12列中的12列。
  4. 希望有所帮助。

    Example here