« Modèle:Responsabilité partagée » : différence entre les versions
De Fab Labs Québec
Aucun résumé des modifications |
Aucun résumé des modifications |
||
| Ligne 32 : | Ligne 32 : | ||
</div> | </div> | ||
<includeonly>[[Catégorie:Responsabilité partagée]]</includeonly> | <includeonly>[[Catégorie:Responsabilité partagée]]</includeonly> | ||
== EXEMPLE COMMENTÉ== | |||
<div class="row"> <!-- ON OUVRE LE CONTAINER soit le class= ROW --> | |||
<div class="col-4 order-2"> <!-- ON VEUT QUE CE DIV AILLE À DRRRRROITE - order-2 --> | |||
<div class="col- | |||
< | |||
<div class="card card-info"> <!-- CONTENU DU DIV à droite- on le veut bien fermé!! --> | |||
<div class="card-header"> | |||
<h3>[[Partage des responsabilités en interstructure|Responsabilité partagée]]</h3> | |||
</div> | |||
<div class="card-body"> | |||
; Qui peut être responsable | ; Qui peut être responsable | ||
| Ligne 88 : | Ligne 58 : | ||
; Responsable·s | ; Responsable·s | ||
</div> | </div> | ||
</div><!-- FERMETURE DE LA CARTE --> | |||
</div><!-- FERMETURE DU PREMIER DIV À DRRRROITE --> | |||
<div class="col-8 order-1"> | <div class="col-8 order-1"> <!-- ON VEUT QUE CE DIV AILLE À GÔCHE - order-1 --> | ||
<!-- CONTENU DU DIV à gôche - bien fermé!! --> | |||
BLA! BLA! | |||
</div><!-- FERMETURE DU DEUXIÈME DIV À GÖCHE --> | |||
</div><!-- FERMETURE DU CONTAINER ROW --> | |||
</div> | |||
< | |||
Version du 26 février 2024 à 12:45
Placement avec directive order-x
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, pas de order
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 pas à droite parce que la taille des deux divs donne 13
EXEMPLE COMMENTÉ
- Qui peut être responsable
- Temps de travail estimé
- Préalables
- Responsable·s
BLA! BLA!
