Manipulowanie kolejnością kolumn przy użyciu col-lg-push i col-lg-pull w Twitter Bootstrap 3

Czytam teraz dokumentację na Twitterze Bootstrap 3 i próbowałem postępować zgodnie z kolejnością kolumn, jak pokazano nata strona ale uderzył w ścianę. Nie rozumiem, dlaczego taki kod działa, ani jak poprawnie określić ustawienie. Chcę pokazać jedną siatkę, która składa się z długości 5, i drugiej długości 5, a na koniec siatki o długości 2 długości.

Więc moje jest coś takiego:

[5] [5] [2]

A co chcę osiągnąć to, gdy jest wyświetlany na pulpicie, wyświetlany jest powyższy układ, ale gdy jest wyświetlany na telefonie komórkowym, chcę najpierw pokazać drugą długość 5 obiektów, a następnie pierwszą długość 5 obiektów, a na końcu długość 2 obiekt , pionowo. Lubię to:

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

Podczas gdy starałem się postępować zgodnie z krokiem opisanym w powyższej dokumentacji, pierwszy obiekt o długości 5 dostałem ponad drugi, mimo że był na platformach mobilnych, co, jak powiedziałem, powinno wyświetlać obiekt o drugiej długości na górze. Innymi słowy, mam to:

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

Więc jak mogę poprawnie umieścić drugą nad pierwszą? Lub ponieważ używam obiektu o tej samej długości, czy kolejność kolumn nie działa?

Oto mój kod do informacji:

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

Ponadto dokumentacja nie wyjaśnia, copull lubpush znaczy. Więc coś mi brakuje?

Dzięki.

questionAnswers(5)

yourAnswerToTheQuestion