我现在正在阅读 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
意味着什么。所以我错过了什么吗?
谢谢。