Réarrangement de l'ordre des colonnes avec col-lg-push et col-lg-pull dans twitter bootstrap 3

Commande de colonnes dans Bootstrap 3 permet aux développeurs d'ajuster la position des colonnes à l'intérieur des lignes pour différentes tailles d'écran. Les classes Col-LG-Push et Col-LG-Pull sont spécialement conçues à cet effet, fournissant un contrôle sur la disposition des colonnes sur des appareils à grand écran (Desktops et ordinateurs portables). Marquage. Par exemple, si vous voulez que la deuxième colonne à 5 grilles apparaisse d'abord, placez son contenu avant la première colonne à 5 grilles de votre code.

Ajoutez la classe col-lg-push-5 dans la colonne que vous souhaitez déplacer vers la droite. Cette classe pousse la colonne par 5 colonnes à partir de sa position d'origine.
1. Utilisez la classe Pull:
Ajoutez la classe Col-LG-Pull-5 à la colonne que vous souhaitez déplacer vers la gauche. Cette classe tirera la colonne par 5 colonnes vers la gauche.
Exemple:
3. seconde

   First

   troisième

   div>

   Explication:

   Dans cet exemple, la deuxième colonne est poussée vers la droite par 5 colonnes en utilisant Col-lg-push-5, ce qui le faisait apparaître après la troisième colonne sur les grands écrans. La première colonne est tirée vers la gauche par 5 colonnes à l'aide de Col-LG-Pull-5, l'apportant avant la troisième colonne. 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 Left.

   push:

   déplace une colonne à droite. Effet sur les tailles d'écran plus petites, car Bootstrap himinalise la mise en page mobile par défaut.