Farbige Links

Farbige Links mit Hover-Zuständen

Sie können die .link-*Klassen verwenden, um Links einzufärben. Im Gegensatz zu den .text-*Klassen haben diese Klassen einen :hoverand :focus-Zustand.

Primärer Link Sekundärer Link Erfolgslink Gefahrenlink Warnlink Infolink Heller Link Dunkler Link

<a href="#" class="link-primary">Primary link</a>
<a href="#" class="link-secondary">Secondary link</a>
<a href="#" class="link-success">Success link</a>
<a href="#" class="link-danger">Danger link</a>
<a href="#" class="link-warning">Warning link</a>
<a href="#" class="link-info">Info link</a>
<a href="#" class="link-light">Light link</a>
<a href="#" class="link-dark">Dark link</a>

Einige der Link-Stile verwenden eine relativ helle Vordergrundfarbe und sollten nur auf einem dunklen Hintergrund verwendet werden, um einen ausreichenden Kontrast zu haben.