我现在正在阅读Twitter Bootstrap 3上的文档,并试图按照本页所示的列排序, 但是碰壁了.我不明白为什么这样的代码工作,也不知道如何正确指定设置.我要展示的是一个网格,它由长度为5,另一个长度为5,最后是一个长度为2的网格.
所以我的是这样的:
[5] [5] [2]
而我想要实现的是,当它在桌面上查看时,显示上面的布局,但是当它在移动设备上查看时,我想首先显示第二个长度为5的对象,然后是第一个长度为5的对象,最后是长度为2的对象, 垂直.像这样:
[5] (second)
[5] (first)
[2]
当我尝试按照上面文档中解释的步骤进行操作时,尽管是在移动平台上,但我在第二个上获得了第一个长度为5的对象,正如我所说的那样,它应该在顶部显示第二个长度为5的对象.换句话说,我得到了这个:
[5] (first)
[5] (second)
[2]
那么我怎样才能正确地将第二个放在第一个？或者因为我使用相同长度的对象,列排序不起作用？
这是我的代码供您参考:
<div class='row'>
<div class='col-lg-5 col-lg-push-5'></div>
<div class='col-lg-5 col-lg-pull-5'></div>
<div class='col-lg-2'></div>
</div>
此外,文档没有说明什么pull或push意味着什么.我错过了什么吗？
谢谢.