« Modèle:Responsabilité partagée » : différence entre les versions

Version du 26 février 2024 à 11:55

AAAA à droite parce que order-2 va déplacer ce div à droite (2e position)

BBB à gauche parce que order-1 va déplacer ce div en premier

Version alternative - moins compliquée, plus naturelle

BBB à gauche parce qu'en premier

AAAA à droite parce que ce div vient après l'autre et que la taille des deux divs donne 12 (grid divisée en 12)

Exemple de fonctionnement du grid

BBB à gauche parce qu'en premier

AAAA à droite parce que ce div vient en dessous l'autre et que la taille des deux divs donne 13

BBBB

@@ Ligne 1 : / Ligne 1 : @@
 __NOTOC__ __NOEDITSECTION__  __SHOWFACTBOX__
-AAAA
+<div class="row">
+<div class="col-4 order-2 border border-dark">
+AAAA à droite parce que order-2 va déplacer ce div à droite (2e position)
+</div>
+<div class="col-8 order-1 border border-dark">
+BBB à gauche parce que order-1 va déplacer ce div en premier
+</div>
+</div>
+Version alternative - moins compliquée, plus naturelle
+<div class="row">
+<div class="col-8 border border-dark">
+BBB à gauche parce qu'en premier
+</div>
+<div class="col-4 border border-dark">
+AAAA à droite parce que ce div vient après l'autre et que la taille des deux divs donne 12 (grid divisée en 12)
+</div>
+</div>
+Exemple de fonctionnement du grid
+<div class="row">
+<div class="col-9 order-1 border border-dark">
+BBB à gauche parce qu'en premier
+</div>
+<div class="col-4 border border-dark">
+AAAA à droite parce que ce div vient en dessous l'autre et que la taille des deux divs donne 13
+</div>
+</div>
 <includeonly>[[Catégorie:Responsabilité partagée]]</includeonly>