Links#

Links include styles for giving elements an hyper-link treatment.

Add the link class to <span> or <button> elements for a default link. There are classes link-primary, link-secondary and disabled for predefined primary and secondary links.

Anchors#

By default <a> tags are .link.link-primary.

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Necessitatibus, cumque! Quaerat quis at odit nesciunt, ab laborum voluptatem, corporis, possimus doloremque fugit pariatur quisquam animi repellat soluta nemo. Deserunt, non.

Button Links#

Adding the link class to a <button> gives it the same treatment as the text around it.

<div class="toast">
  Would you like the
  <button class="link link-primary">Red Pill</button> or the
  <button class="link link-secondary">Blue Pill</button>?
</div>

<div class="navbar">
  <div class="navbar-brand">RideStyler</div>
  <section class="navbar-section">
    <button class="link">User Name</button>
  </section>
</div>