Links

                      
                        <p>
                          <a class="link-muted" href="#">.link-muted</a>
                        </p>
                        <p class="bg-dark p-2">
                          <a class="text-light" href="#">.text-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>