Sommaire

Le corps de la page

Dès lors que vous faites la liaison avec la feuille de style par défaut de Bootstrap (<link href="dist/css/bootstrap.min.css" rel="stylesheet" />), Bootstrap applique une règle CSS au corps de la page, à l’élément <body>. Nous trouvons une famille de police de caractères, une taille (14 pixels), un interligne et une couleur, définis pour tous les contenus de la page, à défaut de sélecteur plus prioritaires.

body { 
   font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; 
   font-size: 14px; 
   line-height: 1.428571429; 
   color: #333; 
   background-color: #fff; 
}

Si vous souhaitez faire une exception, par exemple ne pas appliquer les styles hérités du <body> sur un paragraphe <p>, utilisez la classe .lead. Cette classe applique une taille de caractères variable selon la taille de l’écran, selon la largeur de la fenêtre du navigateur.

Voici le style de la classe .lead avec la règle @media (min-width: 768px). Nous avons une taille de caractères de 21 pixels.

.lead { 
   font-size: 21px; 
}

Pour la classe .lead « générale », la priorité des styles fait que la propriété font-size n’est pas appliquée  :

.lead { 
   margin-bottom: 20px; 
   (font-size: 16.099999999999998px;) 
   font-weight: ...