Foundation-Beschriftungen

.labelKlassen werden verwendet, um einige zusätzliche Informationen bereitzustellen:

Beispiel

<h2>Beispiel <span class="label">Neu</span></h2>
<h3>Beispiel <span class="label">Neu</span></h3>
<h4>Beispiel <span class="label">Neu</span></h4>

Selbst ausprobieren »

Die folgenden Klassen können die Farbe von Labels festlegen:.secondary, .success, .info, .warningoder .alert:

Beispiel

<span class="label">Standard-Label</span>
<span class="label secondary">Sekundäres Label</span>
<span class="label success">Erfolg Label</span>
<span class="label info">Info-Label</span>
<span class="label warning">Erfolgs-Label</span>
<span class="label alert">Alarm-Label</span>

Selbst ausprobieren »

Abgerundetes Label

.radiusund.roundKlassen können abgerundete Ecken zu Labels hinzufügen:

Beispiel

<span class="label">Standard-Label</span>
<span class="label radius">Radius-Label</span>
<span class="label round">Rundes Label</span>
<span class="label success round">5</span>

Selbst ausprobieren »

Label-Größe

Sie können CSS verwenden, um die Größe der Tags zu ändern:

Beispiel

<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>

Selbst ausprobieren »
Weitere Erweiterungen