Liste - Styles additionels - Thème de GCWeb V5

Les styles suivants s'ajoutent aux styles disponibles dans le guide de style de la WET-BOEW et ils sont exclusifs au thème de GCWeb V5.

Liste à double interline .lst-spcd-2

• Item
• Item
• Item
• Item
• Item

Code source

<ul class="lst-spcd-2">
	<li>Item</li>
	<li>Item</li>
	<li>Item</li>
	<li>Item</li>
	<li>Item</li>
</ul>

Listes en colonnes .list-col-[breakpoint]-[columns]

Ajoutez la classe list-col-[breakpoint]-[columns] pour afficher n'importe quelle liste dans un format de colonne, où [breakpoint] peut être xs, sm, md ou lg et [columns] peut être soit 1, 2, 3 ou 4.

Le plus petit point d'arrêt défini affectera son point de rupture et tous les points d'arrêt plus grands. Par exemple, list-col-sm-2 affichera la liste en deux (2) colonnes pour les points d'arrêt sm, md et lg. Le nombre de colonnes par défaut est un (1), donc, dans cet exemple, la liste serait affichée dans une colonne pour le point d'arrêt xs.

Les classes peuvent être combinées pour afficher les éléments dans un nombre différent de colonnes pour différents points d'arrêt. Voir l'exemple suivant.

• Item
• Item
• Item
• Item
• Item
• Item
• Item
• Item
• Item
• Item
• Item
• Item

Source code

<ul class="list-col-xs-1 list-col-sm-2 list-col-md-3 list-col-lg-4">
	<li>Item</li>
	<li>Item</li>
	<li>Item</li>
	<li>Item</li>
	<li>Item</li>
	<li>Item</li>
	<li>Item</li>
	<li>Item</li>
	<li>Item</li>
	<li>Item</li>
	<li>Item</li>
	<li>Item</li>
</ul>