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

<button type="button" class="btn btn-theme">تم</button>
<button type="button" class="btn btn-default">پیش فرض</button>
<button type="button" class="btn btn-secondary">ثانوی</button>
<button type="button" class="btn btn-dark">تاریک</button>
<button type="button" class="btn btn-info">اطلاعات</button>
<button type="button" class="btn btn-primary">اولیه</button>
<button type="button" class="btn btn-purple">رنگ بنفش</button>
<button type="button" class="btn btn-indigo">یاسیIndigo</button>
<button type="button" class="btn btn-link">لینک</button>
<button type="button" class="btn btn-danger">خطر</button>
<button type="button" class="btn btn-pink">رنگ صورتی</button>
<button type="button" class="btn btn-warning">هشدار</button>
<button type="button" class="btn btn-yellow">رنگ زرد</button>
<button type="button" class="btn btn-lime">لیمویی</button>
<button type="button" class="btn btn-green">سبز</button>
<button type="button" class="btn btn-success">موفقیت</button>
<button type="button" class="btn btn-white">سفید</button>
<button type="button" class="btn btn-black">سیاه</button>

<button type="button" class="btn btn-outline-theme">تم</button>
<button type="button" class="btn btn-outline-default">پیش فرض</button>
<button type="button" class="btn btn-outline-silver">نقره اي</button>
<button type="button" class="btn btn-outline-dark">تاریک</button>
<button type="button" class="btn btn-outline-info">اطلاعات</button>
<button type="button" class="btn btn-outline-primary">اولیه</button>
<button type="button" class="btn btn-outline-purple">رنگ بنفش</button>
<button type="button" class="btn btn-outline-indigo">یاسی</button>
<button type="button" class="btn btn-outline-link">لینک</button>
<button type="button" class="btn btn-outline-danger">خطر</button>
<button type="button" class="btn btn-outline-pink">رنگ صورتی</button>
<button type="button" class="btn btn-outline-warning">هشدار</button>
<button type="button" class="btn btn-outline-yellow">رنگ زرد</button>
<button type="button" class="btn btn-outline-lime">لیمویی</button>
<button type="button" class="btn btn-outline-green">سبز</button>
<button type="button" class="btn btn-outline-success">موفقیت</button>
<button type="button" class="btn btn-outline-white">سفید</button>
<button type="button" class="btn btn-outline-black">سیاه</button>

<!-- large button -->
<button type="button" class="btn btn-outline-theme btn-lg">Large button</button>

<!-- small button -->
<button type="button" class="btn btn-outline-theme btn-sm">دکمه کوچک</button>

<!-- active state -->
<a href="#" class="btn btn-outline-theme btn-lg active">پیوند اولیه</a>
<a href="#" class="btn btn-outline-secondary btn-lg active">لینک</a>

<!-- disabled state -->
<button type="button" class="btn btn-lg btn-outline-theme" disabled>دکمه اصلی</button>
<button type="button" class="btn btn-outline-secondary btn-lg" disabled>دکمه</button>

<div class="btn-group">
  <button type="button" class="btn btn-outline-secondary">چپ </button>
  <button type="button" class="btn btn-outline-secondary">وسط</button>
  <button type="button" class="btn btn-outline-secondary">راست</button>
</div>

<div class="btn-group btn-group-lg">...</div>
<div class="btn-group">...</div>
<div class="btn-group btn-group-sm">...</div>

<div class="btn-group-vertical">...</div>

<div class="btn-toolbar">
  <div class="btn-group me-2">
    <button type="button" class="btn btn-outline-secondary">1</button>
    <button type="button" class="btn btn-outline-secondary">2</button>
    <button type="button" class="btn btn-outline-secondary">3</button>
    <button type="button" class="btn btn-outline-secondary">4</button>
  </div>
  <div class="btn-group me-2">
    <button type="button" class="btn btn-outline-secondary">5</button>
    <button type="button" class="btn btn-outline-secondary">6</button>
    <button type="button" class="btn btn-outline-secondary">7</button>
  </div>
  <div class="btn-group">
    <button type="button" class="btn btn-outline-secondary">8</button>
  </div>
</div>