Apprenons dans cette formation comment rapidement mettre en valeur du texte dans Bootstrap 3 avec des balises HTML et des classes CSS.
Comme dans tout projet web, vous pouvez définir vos titres sous 6 niveaux de h1 à h6 :
<h1>h1. Bootstrap heading</h1> <h2>h2. Bootstrap heading</h2> <h3>h3. Bootstrap heading</h3> <h4>h4. Bootstrap heading</h4> <h5>h5. Bootstrap heading</h5> <h6>h6. Bootstrap heading</h6>
Pour créer un sous-titre à votre titre, vous avez la possibilité d’ajouter une balise « small » directement à l’intérieur du titre :
<h1>h1. Bootstrap heading <small>Secondary text</small></h1> <h2>h2. Bootstrap heading <small>Secondary text</small></h2> <h3>h3. Bootstrap heading <small>Secondary text</small></h3> <h4>h4. Bootstrap heading <small>Secondary text</small></h4> <h5>h5. Bootstrap heading <small>Secondary text</small></h5> <h6>h6. Bootstrap heading <small>Secondary text</small></h6>
Lors d’une suite de paragraphe vous avez l’opportunité de mettre en avant une partie du texte en définissant la classe « lead » à la balise « p » :
<p class="lead">Salut, je suis un paragraphe mis en valeur avec la classe lead!</p>
Dans votre texte vous avez aussi la possibilité de mettre en valeur des parties ciblées avec les balises suivante :
- * « mark » > Sur ligne votre texte
- * « del » > Barre du texte en signifiant que celui-ci a été supprimé
- * « s » > Barre du texte en signifiant que celui-ci n’existe plus
- * « small » > Réduit la police du texte
- * « strong » > Mettre du gras sur du texte
- * « em » > Mettre du texte en italic
You can use the mark tag to <mark>highlight</mark> text. <del>This line of text is meant to be treated as deleted text.</del> <s>This line of text is meant to be treated as no longer accurate.</s> <small>This line of text is meant to be treated as fine print.</small> <strong>rendered as bold text</strong> <em>rendered as italicized text</em>