Цветные ссылки

Цветные ссылки с состояниями наведения

Вы можете использовать .link-*классы для раскрашивания ссылок. В отличие от .text-*классов , эти классы имеют состояние :hoverи :focus.

Первичная ссылка Вторичная ссылка Ссылка успеха Ссылка опасности Ссылка предупреждения Ссылка информации Светлая ссылка Темная ссылка

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>

В некоторых стилях ссылок используется относительно светлый цвет переднего плана, и их следует использовать только на темном фоне, чтобы обеспечить достаточную контрастность.