Colonne de décalage:
Dans le système de grille bootstrap, nous pouvons utiliser des colonnes de décalage pour obtenir l'effet du déplacement d'une colonne à droite, comme indiqué ci-dessous:
<div> <div> Col2 </div> </div>
Class = "Col-SM-2 Col-Sm-Offset-1" signifie que la colonne occupe deux parties et déplace une partie vers la droite. Les résultats que vous voyez sont les suivants:
Col-Sm-Offset-1 signifie déplacer une copie à droite. Col-Sm-Offset-2 signifie déplacer deux copies à droite et ainsi de suite. La classe COL-XS ne prend pas en charge les colonnes de décalage, mais elle peut être réalisée en utilisant simplement une cellule vide.
Colonnes imbriquées:
Nous pouvons nicher des grilles dans le contenu comme suit:
<div> <div> <div> <div> col </div> <div> col </div> </div> <div> <div> <div> Col3 </div> <div> Col4 </div> </div> </div> </div>
La couche externe est une grille de deux colonnes en une ligne et deux colonnes. La première colonne représente 4 parties, la deuxième colonne représente 8 parties et une grille de deux colonnes en une ligne et deux colonnes est imbriquée dans la première colonne. La première colonne représente 2 parties et la deuxième colonne représente 10 parties. L'effet d'affichage est le suivant:
Ce qui précède est la description complète de la quatrième colonne de décalage du système de grille bootstrap et de la colonne imbriquée qui vous est présentée. J'espère que cela vous sera utile. Si vous avez des questions, veuillez me laisser un message et l'éditeur vous répondra à temps. Merci beaucoup pour votre soutien au site Web Wulin.com!