And/Or decision points (Conjunctions) - Français
Lien vers des exemples en anglais
le rôle principal: ARC - Christopher Oakes (@christopher-o)
Configurations de base
Jamais empilé côte à côte
En-têtes A: Option 1 sur 2
Ceci est contenu pour la tête A
En-têtes B: Option 2 sur 2
Ceci est contenu pour la tête B
En-têtes A
Ceci est contenu pour la tête A
En-têtes B
Ceci est contenu pour la tête B
Empilé toujours (mobile d'abord pas côte à côte)
En-têtes A: Option 1 sur 2
Ceci est contenu pour la tête A
En-têtes B: Option 2 sur 2
Ceci est contenu pour la tête B
En-têtes A
Ceci est contenu pour la tête A
En-têtes B
Ceci est contenu pour la tête B
Code
//jamais empilé "ou"
<div class="cnjnctn-type-or cnjnctn-xs">
<div class="cnjnctn-col">
<h4 class="text-muted">En-têtes A<span class="wb-inv">: Option 1 osur 2</span></h4>
<p>Ceci est contenu pour la tête A </p>
</div>
<div class="cnjnctn-col">
<h4 class="text-muted">En-têtes B<span class="wb-inv">: Option 2 sur 2</span></h4>
<p>Ceci est contenu pour la tête B</p>
</div>
</div>
//jamais empilé "et"
<div class="cnjnctn-type-and cnjnctn-xs">
<div class="cnjnctn-col">
<h4 class="text-muted">En-têtes A</h4>
<p>Ceci est contenu pour la tête A </p>
</div>
<div class="cnjnctn-col">
<h4 class="text-muted">En-têtes B</h4>
<p>Ceci est contenu pour la tête B</p>
</div>
</div>
//Empilé toujours "ou"
<div class="cnjnctn-type-or">
<div class="cnjnctn-col">
<h4 class="text-muted">En-têtes A<span class="wb-inv">: Option 1 sur 2</span></h4>
<p>Ceci est contenu pour la tête A </p>
</div>
<div class="cnjnctn-col">
<h4 class="text-muted">En-têtes B<span class="wb-inv">: Option 2 sur 2</span></h4>
<p>Ceci est contenu pour la tête B</p>
</div>
</div>
//Empilé toujours "et"
<div class="cnjnctn-type-and">
<div class="cnjnctn-col">
<h4 class="text-muted">En-têtes A</h4>
<p>Ceci est contenu pour la tête A </p>
</div>
<div class="cnjnctn-col">
<h4 class="text-muted">En-têtes B</h4>
<p>Ceci est contenu pour la tête B</p>
</div>
</div>
Détails de la page
- Date de modification :