Recherche


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 :