نمونه. <h1> H1 bootstrap </h1>

H1.عنوان بوت‌سترپ

H2.عنوان بوت‌سترپ

H3.عنوان بوت‌سترپ

H4.عنوان بوت‌سترپ

H5.عنوان بوت‌سترپ

H6.عنوان بوت‌سترپ

نمونه. <p class="display-1"> display 1 </p>

نمایش 1

نمایش 2

نمایش 3

نمایش 4

نمونه. <div class="bg-primary"> Doctris Multipurpose Template </div>

نمونه. <div class="bg-soft-primary"> Doctris Multipurpose Template </div>

نمونه. <div class="text-primary"> Doctris Multipurpose Template </div>

.متن اصلی

.متن فرعی

.متن موفقیت

.متن خطر

.متن هشدار

.متن اطلاع

.متن تیره

نمونه. <a href="#" class="btn btn-primary"> Primary </a>

اصلی فرعی موفقیت خطر اطلاعات هشدار روشن تیره

نمونه. <a href="#" class="btn btn-pills btn-primary"> Primary </a>

اصلی فرعی موفقیت خطر اطلاعات هشدار روشن تیره

نمونه. <a href="#" class="btn btn-soft-primary"> Primary </a>

اصلی فرعی موفقیت خطر اطلاعات هشدار روشن تیره

نمونه. <a href="#" class="btn btn-pills btn-soft-primary"> Primary </a>

اصلی فرعی موفقیت خطر اطلاعات هشدار روشن تیره

نمونه. <a href="#" class="btn btn-outline-primary"> Primary </a>

اصلی فرعی موفقیت خطر اطلاعات هشدار روشن تیره

نمونه. <a href="#" class="btn btn-outline-primary"> Primary </a>

اصلی فرعی موفقیت خطر اطلاعات هشدار روشن تیره

نمونه. <a href="#" class="btn btn-icon btn-primary"><i data-feather="facebook" class="fea icon-sm"></i></a>

نمونه. <a href="#" class="btn btn-icon btn-soft-primary"><i data-feather="facebook" class="fea icon-sm"></i></a>

نمونه. <a href="#" class="btn btn-icon btn-outline-primary"><i data-feather="facebook" class="fea icon-sm"></i></a>

نمونه. <a href="#" class="btn btn-icon btn-pills btn-primary"><i data-feather="facebook" class="fea icon-sm"></i></a>

نمونه. <a href="#" class="btn btn-icon btn-pills btn-soft-primary"><i data-feather="facebook" class="fea icon-sm"></i></a>

نمونه. <a href="#" class="btn btn-icon btn-pills btn-outline-primary"><i data-feather="facebook" class="fea icon-sm"></i></a>

نمونه. <a href="#" class="btn btn-primary btn-sm"> Primary </a>

کوچک کوچک کوچک کوچک

نمونه. <a href="#" class="btn btn-primary btn-lg"> Primary </a>

بزرگ بزرگ بزرگ بزرگ

نمونه.
<div class="dropdown-primary m-1">
<button type="button" class="btn btn-primary dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
اصلی </button> <ul class="dropdown-menu">
<li><a class="dropdown-item" href="#">Action</a></li>
<li><a class="dropdown-item" href="#">Another action</a></li>
<li><a class="dropdown-item" href="#">Something else here</a></li>
<li>
<hr class="dropdown-divider">
</li>
<li><a class="dropdown-item" href="#">Separated link</a></li>
</ul> </div>

نمونه. <span class="badge bg-primary"> primary </span>

اصلی فرعی موفقیت خطر هشدار اطلاعات روشن تیره

نمونه. <span class="badge bg-soft-primary"> primary </span>

اصلی فرعی موفقیت خطر هشدار اطلاعات روشن تیره

نمونه. <span class="badge rounded-md bg-primary"> primary </span>

اصلی فرعی موفقیت خطر هشدار اطلاعات روشن تیره

نمونه. <span class="badge rounded-md bg-soft-primary"> primary </span>

اصلی فرعی موفقیت خطر هشدار اطلاعات روشن تیره

نمونه. <a href="#" class="badge bg-primary"> primary </a>

اصلی فرعی موفقیت خطر هشدار اطلاعات روشن تیره

نمونه.
<ul class="breadcrumb bg-transparent rounded mb-0 p-0">
<li class="breadcrumb-item"><a href="#">Doctris</a></li>
<li class="breadcrumb-item"><a href="#">Dashboard</a></li>
<li class="breadcrumb-item active" aria-current="page">Menu</li>
</ul>

• داکتریس
• داشبرد
• منو

نمونه.
<ul class="pagination mb-0 list-unstyled">
 <li><a href="#" class="pe-3 ps-3 pt-2 pb-2 border"> Prev</a></li>
 <li class="active"><a href="#" class="pe-3 ps-3 pt-2 pb-2 border">1</a></li>
 <li><a href="#" class="pe-3 ps-3 pt-2 pb-2 border">2</a></li>
 <li><a href="#" class="pe-3 ps-3 pt-2 pb-2 border">Next </a></li>
</ul>

• قبلی
• 1
• 2
• بعدی

نمونه. <div class="alert alert-primary" role="alert"> A simple primary alert—check it out! </div>

نمونه.
<div class="alert alert-success alert-dismissible fade show" role="alert">
  <strong>Well done!</strong> You successfully read this important alert message.
  <button type="button" class="close" data-dismiss="alert" aria-label="Close">
     <span aria-hidden="true"> × </span>
  </button>
</div>

نمونه.
<div class="alert alert-primary alert-pills" role="alert">
   <span class="badge rounded-md bg-danger"> New </span>
   <span class="alert-content"> A Modern primary alert—check it out! </span>
</div>

نمونه.
<div class="alert alert-outline-primary alert-pills" role="alert">
   <span class="badge rounded-md bg-danger"> New </span>
   <span class="alert-content"> A Modern primary alert—check it out! </span>
</div>

نام شما*

ایمیل شما *

موضوع

نظرات

انتخاب... یک دو سه

نمونه. <img src="../assets/images/home/01.jpg" class="img-fluid avatar avatar-ex-sm rounded">

نمونه. <img src="../assets/images/home/01.jpg" class="img-fluid avatar avatar-ex-sm rounded-circle">

کلیک کنید

فدر ایکن

280+ نماد پر وجود دارد و می توانید تمام اطلاعات آیکون ها را از اینجا دریافت کنید:https://feathericons.com/

نمونه. <i data-feather="mail" class="fea icon-sm"> </i>

متریال دیزاین ایکن

بیش از 4400 آیکون دیزاین متریال وجود دارد و می توانید تمام اطلاعات آیکون ها را از اینجا دریافت کنید: https://materialdesignicons.com/

نمونه. <i class="mdi mdi-home"> </i>

ایکن ایکن سکات

بیش از 1100 آیکون ایکن سکات وجود دارد و می توانید تمام اطلاعات آیکون ها را از اینجا دریافت کنید: https://www.flaticon.com/packs/basic-icon

نمونه.
<span class="h3 text-primary me-2">
  <i class="uil uil-0-plus"></i>
</span>