Colored links with hover states.
You can use the .link-* classes to colorize links. Unlike the
.text-* classes, these classes have a :hover
and
:focus state.
<!-- primary
link-->
<a
href="#"
class="link-primary">Primary
link</a><br>
<!-- secondary
link-->
<a
href="#"
class="link-secondary">Secondary
link</a><br>
<!-- success
link-->
<a
href="#"
class="link-success">Success
link</a><br>
<!-- danger
link-->
<a
href="#"
class="link-danger">Danger
link</a><br>
<!-- warning
link-->
<a
href="#"
class="link-warning">Warning
link</a><br>
<!-- info
link-->
<a
href="#"
class="link-info">Info
link</a><br>
<!-- light
link-->
<a
href="#"
class="link-light">Light
link</a><br>
<!-- dark
link-->
<a
href="#"
class="link-dark">Dark
link</a>