View on GitHub

連結顏色 (Colored links)

Hover 狀態的彩色連結

六角學院的 Bootstrap 5 課程上線囉，立即與萬人一同學習最專業、最深入的 Bootstrap 5 課程。

你可以使用 .link-* 類別為連結著色。不同於 .text-* 類別，這些類別具有 :hover 和 :focus 狀態。

Primary link Secondary link Success link Danger link Warning link Info link Light link Dark link

<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>

某些連結樣式使用相對較淺的前景色，且只應該在深色背景上使用，以帶來足夠的對比度。