Skip to main content Skip to docs navigation
View on GitHub

連結顏色 (Colored links)

Hover 狀態的彩色連結

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

立即上課去

你可以使用 .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>
某些連結樣式使用相對較淺的前景色,且只應該在深色背景上使用,以帶來足夠的對比度。