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

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

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

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

html
<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>
В некоторых стилях кнопок используется относительно светлый цвет переднего плана, и их следует использовать только на темном фоне, чтобы обеспечить достаточный контраст.