Ahora estoy leyendo la documentación en Twitter Bootstrap 3 y traté de seguir el orden de las columnas como se muestra enesta página Pero golpea la pared. No entiendo por qué funciona tal código ni cómo especificar correctamente la configuración. Lo que quiero mostrar es una cuadrícula, que consiste en la longitud 5, y la otra longitud 5, y finalmente una cuadrícula de longitud 2.

Así que el mío es algo así:

[5] [5] [2]

Y lo que quiero lograr es que, cuando se ve en el escritorio, se muestra el diseño anterior, pero cuando se ve en el móvil, quiero mostrar primero el segundo objeto de longitud 5, luego el primer objeto de longitud 5 y finalmente el objeto de longitud 2 , verticalmente. Me gusta esto:

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

Mientras intentaba seguir el paso explicado en la documentación anterior, obtuve el primer objeto de longitud 5 sobre el segundo a pesar de estar en plataformas móviles, que como dije, debería mostrar el segundo objeto de longitud 5 en la parte superior. En otras palabras, tengo esto:

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

Entonces, ¿cómo puedo colocar correctamente el segundo sobre el primero? O dado que uso el mismo objeto de longitud, ¿no podría funcionar el orden de las columnas?

Aquí está mi código para su información:

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

Además, la documentación no aclara quépull opush medio. Entonces, ¿me estoy perdiendo algo?

Gracias.