Card footer pills

Standard card nav pill work only with header, now it can be done with footer.

Footer pills

Example text

<!-- Source -->
<div class="card">
  <div class="card-body">
    <h4 class="card-title">Footer pills</h4>
    <p class="card-text">Example text</p>
  </div>
  <div class="card-footer">
    <ul class="nav nav-pills card-footer-pills">
      <li class="nav-item"><a class="nav-link active" href="#">Active</a></li>
      <li class="nav-item"><a class="nav-link" href="#">Link</a></li>
      <li class="nav-item"><a class="nav-link disabled" href="#">Disabled</a></li>
    </ul>
  </div>
</div>