neu anordnen die Spaltenbestellung mit col-lg-push und col-lg-pull in Twitter Bootstrap 3

Spaltenbestellung in Bootstrap 3 erlauben den Entwicklern, die Position der Spalte in Reihen für unterschiedliche Screenscreen-Größen anzupassen. Die Col-LG-Push- und Col-LG-Pull-Klassen sind speziell für diesen Zweck entwickelt und bieten die Kontrolle über das Layout von Spalten auf großen Bildschirmgeräten (Desktops und Laptops). Markup. Wenn Sie beispielsweise die zweite Spalte 5-Grid-Spalte zuerst erscheint, platzieren Sie ihren Inhalt vor der ersten 5-Grid-Spalte in Ihrem Code.

verwenden Sie die Push-Klasse:

Fügen Sie die Col-LG-5-Klasse der Spalte hinzu, die Sie nach rechts ziehen möchten. Diese Klasse drückt die Spalte mit 5 Spalten aus ihrer ursprünglichen Position.
1. Verwenden Sie die Pull-Klasse:
Fügen Sie die COL-LG-5-Klasse der Spalte hinzu, die Sie nach links bewegen möchten. Diese Klasse zieht die Spalte mit 5 Spalten nach links.
Beispiel:
3. zweiter

   First

   dritter

Erläuterung:

In diesem Beispiel wird die zweite Spalte mit col-lg-push-5 nach rechts nach 5 Spalten gedrückt, wodurch sie nach der dritten Spalte auf großen Bildschirmen angezeigt wird. Die erste Säule wird mit Col-LG-PULL-5 mit 5 Säulen nach links gezogen, um sie vor die dritte Spalte zu bringen. This creates the desired layout: [5] (second), [5] (first), [2] on mobile and [5] [5] [2] on desktop.

  
Second
  
First
  
Third

Understanding Pull and Push:

Pull:

Moves a column to the links.

push:

bewegt eine spalte nach rechts.
Hinweis:
die Push und Pull -Klassen beeinflussen nur die Reihenfolge der Spalten auf die Spalten auf die Siebsgrößen. Einfluss auf kleinere Bildschirmgrößen, da Bootstrap das mobile Layout standardmäßig priorisiert.