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 :

images/C04-006.png

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 :

images/C04-007.png

Voici les propriétés...

Pour consulter la suite, découvrez le livre suivant :
couv_OW24BOO.png
60-signet.svg
En version papier
20-ecran_lettre.svg
En version numérique
41-logo_abonnement.svg
En illimité avec l'abonnement ENI
130-boutique.svg
Sur la boutique officielle ENI
Précédent
Les abréviations
Suivant
Les listes