تب و آکاردیون توضیح هدر در این قسمت قرار دارد...

<ul class="nav nav-tabs">
  <li class="nav-item me-1"><a href="#home" class="nav-link active" data-bs-toggle="tab">Home</a></li>
  <li class="nav-item me-1"><a href="#profile" class="nav-link" data-bs-toggle="tab">Profile</a></li>
  <li class="nav-item me-1 dropdown">
    <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">
      دراپ دوان
    </a>
    <div class="dropdown-menu">
      <a href="#dropdown1" class="dropdown-item" data-bs-toggle="tab">@fat</a>
      <a href="#dropdown2" class="dropdown-item" data-bs-toggle="tab">@mdo</a>
    </div> 
  </li>
</ul>
<div class="tab-content pt-3">
  <div class="tab-pane fade show active" id="home">...</div>
  <div class="tab-pane fade" id="profile">...</div>
  <div class="tab-pane fade" id="dropdown1">...</div>
  <div class="tab-pane fade" id="dropdown2">...</div>
</div>

<ul class="nav nav-tabs nav-tabs-v2">
  ...
</ul>

<!-- tab default with card -->
<div class="card">
  <ul class="nav nav-tabs pt-3 ps-4 pe-4">
    <li class="nav-item me-1"><a href="#homeWithCard" class="nav-link active" data-bs-toggle="tab">Home</a></li>
    <li class="nav-item me-1"><a href="#profileWithCard" class="nav-link" data-bs-toggle="tab">Profile</a></li>
  </ul>
  <div class="tab-content p-4">
    <div class="tab-pane fade show active" id="homeWithCard">...</div>
    <div class="tab-pane fade" id="profileWithCard">...</div>
  </div>
</div>

<!-- tab v2 with card -->
<div class="card">
  <ul class="nav nav-tabs nav-tabs-v2 ps-4 pe-4">
    <li class="nav-item me-3"><a href="#homev2WithCard" class="nav-link active" data-bs-toggle="tab">Home</a></li>
    <li class="nav-item me-3"><a href="#profilev2WithCard" class="nav-link" data-bs-toggle="tab">Profile</a></li>
  </ul>
  <div class="tab-content p-4">
    <div class="tab-pane fade show active" id="homev2WithCard">...</div>
    <div class="tab-pane fade" id="profilev2WithCard">...</div>
  </div>
</div>

<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">خانه</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" id="pills-profile-tab" data-bs-toggle="pill" href="#pills-profile">مشخصات</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" id="pills-contact-tab" data-bs-toggle="pill" href="#pills-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>

<div class="accordion" id="accordionExample">
  <div class="accordion-item">
    <h2 class="accordion-header" id="headingOne">
      <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne">
        آکاردیون  #1
      </button>
    </h2>
    <div id="collapseOne" class="accordion-collapse collapse show" data-bs-parent="#accordionExample">
      <div class="accordion-body">
      	...
      </div>
    </div>
  </div>
  ...
</div>