View on GitHub
連結顏色 (Colored links)
Hover 狀態的彩色連結
你可以使用 .link-*
類別為連結著色。不同於 .text-*
類別, 這些類別具有 :hover
和 :focus
狀態。
<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>
某些連結樣式使用相對較淺的前景色,且只應該在深色背景上使用,以帶來足夠的對比度。