Barevné odkazy

Barevné odkazy se stavy vznášení

Třídy můžete použít .link-*k vybarvení odkazů. Na rozdíl od .text-*tříd mají tyto třídy stav :hovera :focus.

Primární odkaz Sekundární odkaz Úspěšný odkaz Nebezpečný odkaz Varovný odkaz Informační odkaz Světlý odkaz Tmavý odkaz

html

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

Některé styly odkazů používají relativně světlou barvu popředí a měly by být použity pouze na tmavém pozadí, aby byl zajištěn dostatečný kontrast.