වර්ණ සබැඳි

හෝවර් ස්ටේට්ස් සමඟ වර්ණ ගැන්වූ සබැඳි

.link-*සබැඳි වර්ණ ගැන්වීමට ඔබට පන්ති භාවිතා කළ හැකිය . .text-*පන්ති මෙන් නොව , මෙම පන්ති වලට a :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>

සමහර සබැඳි විලාසයන් සාපේක්ෂව සැහැල්ලු පෙරබිම් වර්ණයක් භාවිතා කරන අතර ප්‍රමාණවත් ප්‍රතිවිරෝධතාවක් ඇති කිරීම සඳහා අඳුරු පසුබිමක පමණක් භාවිතා කළ යුතුය.