Теперь я читаю документацию на 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
. Так что я чего-то не хватает?
Спасибо.