Цветни връзки

Цветни връзки със състояния на курсора

Можете да използвате .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>

Някои от стиловете на връзките използват относително светъл цвят на преден план и трябва да се използват само на тъмен фон, за да има достатъчен контраст.