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.