Links

<p>
  <a class="link-underline" href="#">.link-underline</a>
</p>
<p class="bg-dark p-2">
  <a class="link-underline-light" href="#">.link-underline-light</a>
</p>
<p class="bg-dark p-2">
  <a class="link-white" href="#">.link-white</a>
</p>
<p>
  <a class="link" href="#">
    .link-icon
    <span class="link-icon ml-1">
      <span class="link-icon-inner">+</span>
    </span>
  </a>
</p>
<div>
  <p>Some content</p>

  <div class="collapse" id="collapseLinkExample">
    <p>collapsed more content</p>
  </div>

  <a class="link-collapse" data-toggle="collapse" href="#collapseLinkExample" role="button" aria-expanded="false" aria-controls="collapseLinkExample">
    <span class="link-collapse-default">View More</span>
    <span class="link-collapse-active">View Less</span>
  </a>
</div>