Agora estou lendo a documentação no Twitter Bootstrap 3, e tentei seguir a ordem das colunas, como mostradoesta página mas bateu na parede. Eu não entendo porque tal código funciona nem como especificar corretamente a configuração. O que eu quero mostrar é uma grade, que é composta de comprimento 5, e o outro comprimento 5 e, finalmente, uma grade de comprimento 2.

Então o meu é algo assim:

[5] [5] [2]

E o que eu quero alcançar é, quando é visto na área de trabalho, o layout acima é exibido, mas quando ele é visto no celular, eu quero mostrar o segundo objeto comprimento 5 primeiro, depois o primeiro objeto comprimento 5 e finalmente o objeto comprimento 2 verticalmente. Como isso:

[5] (second)
[5] (first)
[2]  

Enquanto eu tentei seguir o passo explicado na documentação acima, eu obtive o primeiro comprimento de 5 objetos em relação ao segundo, apesar de estar em plataformas móveis, o que, como eu disse, deve mostrar o segundo objeto de comprimento 5 no topo. Em outras palavras, eu tenho isso:

[5] (first)
[5] (second)
[2] 

Então, como posso colocar corretamente o segundo sobre o primeiro? Ou, como uso o mesmo objeto length, a ordem das colunas não funcionaria?

Aqui está meu código para sua informação:

<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>

Além disso, a documentação não esclarece o quepull oupush significa. Então estou faltando alguma coisa?

Obrigado.