Les citations TEXTE:Citations

Pour insérer une citation, utilisez l’élément <blockquote> avec la classe Bootstrap .blockquote.

Le dossier de cet exemple à télécharger est nommé 04-Typographie-05.

Voici le code utilisé dans cet exemple :

<blockquote class="blockquote"> 
  <p>Donec sed odio dui, vestibulum id ligula porta felis 
euismod semper.</p> 
</blockquote> 

Voici l’affichage obtenu :

Voici les deux propriétés CSS appliquées :

.blockquote { 
  margin-bottom: 1rem; 
  font-size: 1.25rem; 
} 

L’élément <blockquote> utilise les propriétés CSS du Reboot :

blockquote { 
  margin: 0 0 1rem; 
} 

Vous pouvez nommer la source de cette citation en insérant les éléments <footer class="blockquote-footer"> et <cite title="Source Title">, dans le <blockquote> :

<blockquote class="blockquote"> 
  <p>Donec sed odio dui, vestibulum id ligula porta felis 
euismod semper.</p> 
  <footer class="blockquote-footer">Ligula Cursus Etiam, in 
<cite title="Source Title">Condimentum Consectetur</cite></footer> 
</blockquote> 

Voici l’affichage obtenu :

Voici les propriétés CSS utilisées :

.blockquote-footer { 
  margin-top: -1rem; ...