Foundation-Label
.label
Klasse wird einige zusätzliche Informationen zur Verfügung zu stellen verwendet:
Beispiele
<H2> Beispiel <span class = "label"> Neu </ span> </ h2>
<H3> Beispiel <span class = "label"> Neu </ span> </ h3>
<H4> Beispiel <span class = "label"> Neu </ span> </ h4>
<H3> Beispiel <span class = "label"> Neu </ span> </ h3>
<H4> Beispiel <span class = "label"> Neu </ span> </ h4>
Versuchen »
Die folgenden Klassen können die Farbe des Etiketts festgelegt: .secondary
, .success
, .info
, .warning
oder .alert
:
Beispiele
<Span class = "label"> Standard - Label </ span>
<Span class = "label Sekundär" > Sekundär Aufkleber </ span>
<Span class = "label Erfolg" > Erfolg Etikett </ span>
<Span class = "Label - Info" > Info - Aufkleber </ span>
<Span class = "label Warnung" > Erfolg Etikett </ span>
<Span class = "label alert" > Alarm Aufkleber </ span>
<Span class = "label Sekundär" > Sekundär Aufkleber </ span>
<Span class = "label Erfolg" > Erfolg Etikett </ span>
<Span class = "Label - Info" > Info - Aufkleber </ span>
<Span class = "label Warnung" > Erfolg Etikett </ span>
<Span class = "label alert" > Alarm Aufkleber </ span>
Versuchen »
Fillet Etikett
.radius
und .round
Klasse kann abgerundete Ecken für das Label hinzu:
Beispiele
<Span class = "label"> Standard - Label </ span>
<Span class = "label Radius" > Radius Aufkleber </ span>
<Span class = "label Runde" > Rund Aufkleber </ span>
<Span class = "label Erfolg Runde "> 5 </ span>
<Span class = "label Radius" > Radius Aufkleber </ span>
<Span class = "label Runde" > Rund Aufkleber </ span>
<Span class = "label Erfolg Runde "> 5 </ span>
Versuchen »
Etikettengröße
CSS kann verwendet werden, um die Größe des Etiketts zu modifizieren:
Beispiele
<H1> Beispiel <span class = "label" style = "font-size: 36px;"> Neu </ span> </ h1>
<H2> Beispiel <span class = "label" style = "font-size: 30px;"> Neu </ span> </ h2>
<H3> Beispiel <span class = "label" style = "font-size: 20px;"> Neu </ span> </ h3>
<H4> Beispiel <span class = "label"> Neu </ span> </ h4>
<H2> Beispiel <span class = "label" style = "font-size: 30px;"> Neu </ span> </ h2>
<H3> Beispiel <span class = "label" style = "font-size: 20px;"> Neu </ span> </ h3>
<H4> Beispiel <span class = "label"> Neu </ span> </ h4>
Versuchen »