Перейти к основному содержанию Перейти к навигации по документам
Cмотреть на GitHub

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

Цветные ссылки при состоянии наведения (класс hover)

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

<a href="#" class="link-primary">Primary ссылка</a>
<a href="#" class="link-secondary">Secondary ссылка</a>
<a href="#" class="link-success">Success ссылка</a>
<a href="#" class="link-danger">Danger ссылка</a>
<a href="#" class="link-warning">Warning ссылка</a>
<a href="#" class="link-info">Info ссылка</a>
<a href="#" class="link-light">Light ссылка</a>
<a href="#" class="link-dark">Dark ссылка</a>
В некоторых стилях кнопок используется относительно светлый цвет переднего плана, и их следует использовать только на темном фоне, чтобы обеспечить достаточный контраст.