<ul class="nav nav-pills mb-3" id="pills-tab">
  <li class="nav-item">
    <a class="nav-link active" id="pills-home-tab" data-bs-toggle="pill" href="#pills-home">Home</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" id="pills-profile-tab" data-bs-toggle="pill" href="#pills-profile">Profile</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" id="pills-contact-tab" data-bs-toggle="pill" href="#pills-contact">Contact</a>
  </li>
</ul>
<div class="tab-content" id="pills-tabContent">
  <div class="tab-pane fade show active" id="pills-home">...</div>
  <div class="tab-pane fade" id="pills-profile">...</div>
  <div class="tab-pane fade" id="pills-contact">...</div>
</div>