Les paragraphes TEXTE:Paragraphes

Bootstrap propose une mise en forme spéciale pour mettre en évidence certains paragraphes avec la classe .lead.

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

Voici le code utilisé dans cet exemple :

<p>Etiam porta sem malesuada...</p> 
<p class="lead">Etiam porta sem malesuada...</p> 
<p>Etiam porta sem malesuada...</p> 

Voici l’affichage obtenu :

images/C04-004.png

Les paragraphes <p> utilisent les propriétés de Reboot que nous avons évoquées précédemment :

p { 
        margin-top: 0; 
        margin-bottom: 1rem; 
} 

Dans notre exemple, le deuxième utilise la classe .lead, dont voici ses propriétés :

.lead { 
        font-size: 1.25rem; 
        font-weight: 300; 
} 
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 règles CSS pour les en-têtes
Suivant
Les mises en évidence