Sommaire

L’affichage du code CSS POUR LE TEXTE:Code

1. L’élément <code>

Pour les pages Web nécessitant d’afficher du code dans une ligne, Bootstrap modifie nativement la mise en forme de l’élément <code>.

Exemple d’un code HTML :

<p>Utilisez ce code : <code>&lt;html lang="fr"&gt;</code> pour déclarer la page.</p>

L’affichage :

images/C03-014.png

Voici les règles CSS utilisées :

code { 
   padding: 2px 4px; 
   font-size: 90%; 
   color: #c7254e; 
   white-space: nowrap; 
   background-color: #f9f2f4; 
   border-radius: 4px; 
} 
code, pre { 
   font-family: Monaco,Menlo,Consolas,"Courier New",monospace; 
}

2. L’élément <pre>

Toujours pour les développeurs, Bootstrap propose d’utiliser l’élément <pre> pour afficher du code sur plusieurs lignes.

Exemple du code HTML :

<p>Voilà le début d’un document HTML5</p> 
<pre> 
   &lt;!DOCTYPE html&gt; 
   &lt;html lang="fr"&gt; 
   &lt;head&gt; 
   ... 
   &lt;/head&gt; 
</pre>

L’affichage :

images/C03-015.png

Voici les règles CSS utilisées :

pre { 
   display: block; 
   padding: 9.5px; 
   margin: 0 0 10px; 
   font-size: 13px; 
   line-height: 1.428571429; 
   color: #333;  ...