مثال
می توانید از .link-*کلاس ها برای رنگ آمیزی پیوندها استفاده کنید. برخلاف .text-*کلاس ها ، این کلاس ها دارای یک :hoverو :focusحالت هستند.
<a class="link-primary d-block" href="#!">Primary link</a>
<a class="link-secondary d-block" href="#!">Secondary link</a>
<a class="link-success d-block" href="#!">Success link</a>
<a class="link-danger d-block" href="#!">Danger link</a>
<a class="link-warning d-block" href="#!">Warning link</a>
<a class="link-info d-block" href="#!">Info link</a>
<a class="link-light d-block" href="#!">Light link</a>
<a class="link-dark d-block" href="#!">Dark link</a>خاکستری ها
لینک سیاه
لینک 1100
لینک 1000
لینک 900
لینک 800
لینک 700
لینک 600
لینک 500
لینک 400
لینک 300
لینک 200
لینک 100
پیوند سفید
<a class="d-block link-black" href="#!">Link black</a>
<a class="d-block link-1100" href="#!">Link 1100</a>
<a class="d-block link-1000" href="#!">Link 1000</a>
<a class="d-block link-900" href="#!">Link 900</a>
<a class="d-block link-800" href="#!">Link 800</a>
<a class="d-block link-700" href="#!">Link 700</a>
<a class="d-block link-600" href="#!">Link 600</a>
<a class="d-block link-500" href="#!">Link 500</a>
<a class="d-block link-400" href="#!">Link 400</a>
<a class="d-block link-300" href="#!">Link 300</a>
<a class="d-block link-200" href="#!">Link 200</a>
<a class="d-block link-100" href="#!">Link 100</a>
<a class="d-block link-white" href="#!">Link white</a>
