порядок перегруппировки столбца с Col-Lg-Push и Col-Lg-Pull в Bootstrap Twitter 3

упорядочение столбца в начальной загрузке 3 позволяет разработчикам регулировать положение столбцов в рядах для разных размеров экрана. Классы COL-LG-Push и Col-LG-PULL специально разработаны для этой цели, обеспечивая управление компоновкой столбцов на больших экранах (рабочие столы и ноутбуки).

, чтобы настроить порядок столбцов, вам нужно:

1. определить порядок в html: htmp. Например, если вы хотите сначала отображаться второй 5-сетечный столбец, разместите его содержимое перед первым 5-стежным столбцом в вашем коде.
2. используйте класс push: класс col-lg-push-5 в столбец, который вы хотите переместить вправо. Этот класс будет выдвигать столбец на 5 столбцов из исходной позиции. Этот класс вытянет столбец на 5 столбцов влево.
3. ] пример:

  
Second
  
First
  
Third

В этом примере второй столбец выдвигается вправо на 5 столбцов, используя COL-LG-Push-5, заставляя его появляться после третьего столбца на больших экранах. Первый столбец вытягивается влево на 5 столбцов с использованием COL-LG-PULL-5, принося его перед третьим столбцом. Это создает желаемый макет: [5] (второе), [5] (первое), [2] на мобильном и [5] [5] [2] на рабочем столе. Слева.

перемещает столбец вправо. Меньшие размеры экрана, так как Bootstrap приоритет мобильной компоновке по умолчанию.