Mga link na may kulay

Mga may-kulay na link na may mga estado ng hover

Maaari mong gamitin ang mga .link-*klase upang kulayan ang mga link. Hindi tulad ng mga .text-*klase , ang mga klase na ito ay may :hoverat :focusestado.

Pangunahing link Pangalawang link Tagumpay na link Panganib na link Babala link Link ng impormasyon Light link Madilim na 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>

Gumagamit ang ilan sa mga istilo ng link ng medyo maliwanag na kulay ng foreground, at dapat lang gamitin sa madilim na background upang magkaroon ng sapat na contrast.