Links

Source Edit this page

Links can be used to customize anchor tags.

Default

Anchor tag by default has no styles. Use .link to apply the style.

Click here Buy Now 
<a href="#">Link</a>
<a class="link" href="#">Click here</a>
<a class="link text-underline" href="#">Buy Now</a>

Colors

Use .link-primary and other semantic color classes.

Default Primary link Secondary link Success link Warning link Danger link 
<a class="link" href="#">Default</a>
<a class="link link-primary" href="#">Primary link</a>
<a class="link link-secondary" href="#">Secondary link</a>
<a class="link link-success" href="#">Success link</a>
<a class="link link-warning" href="#">Warning link</a>
<a class="link link-danger" href="#">Danger link</a>

Variations

With the help of utilities different variations of card can be created.

Underline

Add or remove underline with the help of typography utilities.

Underline No underline on hover 
<a class="link text-underline" href="#">Underline</a>
<a class="link link-danger text-no-underline-hover" href="#">No underline on hover</a>