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; 
} 
couv_OW5BOO.png

Découvrez 

le livre :

Aussi inclus dans nos :

Précédent
Les règles CSS pour les en-têtes
Suivant
Les mises en évidence