Bichoco : tests du composant Grilles

.grid

Dessine par défaut les éléments de grille en fonction de leur contenu

1
2

Retourne à la ligne automatiquement lorsque les éléments de grille ne rentrent pas sur une seule ligne

1
2
3
4
5
6
7
8

Arrange les éléments de grille de différentes hauteurs en lignes rangées

1
2
3
4
5
6
7
8

Supporte les conteneurs de grille imbriqués

1
1.1
1.2
1.3

.grid--itemsCenter

Centre tous les éléments de grille mais pas leur contenu

1
2
3

.grid--itemsRight

Aligne tous les éléments de grille sur le bord droit du conteneur de grille mais pas leur contenu

1
2
3

.grid--itemsJustify

…

1
2
3
5
6

.grid--itemsMiddle

Aligne le milieu des éléments de grille avec le milieu des lettres bas de casse du conteneur de grille

1
2
3
4

.grid--itemsBottom

Aligne le bas des éléments de grille et de leurs descendants avec le bas de la ligne entière

1
2
3
4

.grid-item--alignCenter

Centre de façon individuelle un élément de grille mais pas son contenu

1
2
3 (centré)

.grid-item--alignRight

Aligne de façon individuelle un élément de grille sur le bord droit du conteneur de grille mais pas son contenu

1
2
3 (à droite)

.grid--withoutSpacing

Retire l'espace entre les éléments de grille

1
2
3
4

Garde l'espace entre les éléments de grille dans un conteneur de grille imbriqué

1
1.1
1.2
2
2.1
2.2

.grid--reversed

Renverse l'ordre d'affichage des éléments de grille

1
2
3
4

Garde l'ordre d'affichage des éléments de grille dans un conteneur de grille imbriqué

1
1.1
1.2
2
2.1
2.2

.grid[css-debug]

Dessine un arrière-plan représentant les bornes intérieures des colonnes de la grille verticale utilisée

1
3

Dessine un arrière-plan représentant les colonnes de la grille verticale utilisée

1
3