Latest web development tutorials

étiquette Fondation

.label classe est utilisée pour fournir des informations supplémentaires:

Exemples

<H2> Exemple <span class = "label"> Nouveau </ span> </ h2>
<H3> Exemple <span class = "label"> Nouveau </ span> </ h3>
<H4> Exemple <span class = "label"> Nouveau </ span> </ h4>

Essayez »

Les classes suivantes peuvent définir la couleur de l'étiquette: .secondary , .success , .info , .warning ou .alert :

Exemples

<Span class = "label"> Étiquette par défaut </ span>
<Span class = "label secondaire" > secondaire Étiquette </ span>
<Span class = "succès label" > Label Success </ span>
<Span class = "info label" > Info étiquette </ span>
<Span class = "étiquette d' avertissement" > Label Success </ span>
<Span class = "alerte label" > Alerte étiquette </ span>

Essayez »

label Fillet

.radius et .round classe peuvent ajouter des coins arrondis pour l'étiquette:

Exemples

<Span class = "label"> Étiquette par défaut </ span>
<Span class = "rayon de label" > Radius Étiquette </ span>
<Span class = "round label" > Étiquette ronde </ span>
<Span class = "succès étiquette ronde "> 5 </ span>

Essayez »

Taille de l'étiquette

CSS peut être utilisé pour modifier la taille de l'étiquette:

Exemples

<H1> Exemple <span class = style "label" = "font-size: 36px;"> Nouveau </ span> </ h1>
<H2> Exemple <span class = style "label" = "font-size: 30px;"> Nouveau </ span> </ h2>
<H3> Exemple <span class = style "label" = "font-size: 20px;"> Nouveau </ span> </ h3>
<H4> Exemple <span class = "label"> Nouveau </ span> </ h4>

Essayez »