<!-- nav tabs -->
<div class="card">
  <div class="card-header">
    <ul class="nav nav-tabs card-header-tabs">
      <li class="nav-item">
        <a class="nav-link active" href="#">Active</a>
      </li>
      ...
    </ul>
  </div>
</div>

<!-- nav-pills -->
<div class="card">
  <div class="card-header">
    <ul class="nav nav-pills card-header-pills">
      ...
    </ul>
  </div>
</div>