در حال بارگزاری...

###### از دست ندهید! به‌روزرسانی جدید منتشر شده است.

###### چیزی که دوست دارید اکنون در فروش است!

هم اکنون بخرید!

#### اجزای جدول

#### UI Components

دکمه |  | Bootstrap شامل شش سبک دکمه از پیش تعریف شده است که هر کدام هدف معنایی خود را انجام می دهند.
دکمه های گرد |  | از کلاس `.btn-pill` برای دکمه زدن دکمه های گرد استفاده کنید.
دکمه های کشویی |  | از کلاس `.dropdown-toggle` برای دکمه Dropdown-toggle استفاده کنید.
گروه دکمه اصلی |  | از کلاس `btn-group` برای دکمه `div` استفاده کنید.
دکمه های دارای نماد |  | Bootstrap شامل شش سبک دکمه از پیش تعریف شده است که هر کدام هدف معنایی خود را انجام می دهند.
دکمه نماد |  | دکمه نماد ساده
دکمه های بارگیری |  | بسط دکمه های انیمیشن

#### Alerts

هشدار اولیه | موفقیت! نشان دهنده یک اقدام موفق یا مثبت است. | هشدارها برای هر طول متن و همچنین یک دکمه رد اختیاری در دسترس هستند. برای هشدار با همه رنگ های طرح زمینه.
هشدارها با پیوندها | موفق بود! باید این پیام را بخوانید. | هشدارها برای هر طول متن و همچنین یک دکمه رد اختیاری در دسترس هستند. برای هشدار با همه رنگ های طرح زمینه.
هشدارهای غیرقابل قبول | مقدس! می‌توانید برخی از آن فیلدها را در زیر بررسی کنید. | یک دکمه رد کردن و کلاس`alert alert-dismissable` اضافه کنید، که بالشتک اضافی را در سمت راست هشدار اضافه می کند و پیوند `بستن`a را در دکمه رد کردن، ویژگی data-bs-dismiss="alert" را اضافه کنید، که عملکرد جاوا اسکریپت را فعال می کند. حتماً از عنصر `a` برای رفتار مناسب در همه دستگاه‌ها استفاده کنید. برای متحرک کردن هشدارها هنگام رد کردن آنها، حتماً کلاس‌های .fade و .in را اضافه کنید.
هشدارها با نمادها | صبح بخیر! روز خود را با چند هشدار شروع کنید. | یک دکمه رد کردن و کلاس`alert alert-dismissable` اضافه کنید، که بالشتک اضافی را در سمت راست هشدار اضافه می کند و پیوند `بستن`a را در دکمه رد کردن، ویژگی data-bs-dismiss="alert" را اضافه کنید، که عملکرد جاوا اسکریپت را فعال می کند. حتماً از عنصر `a` برای رفتار مناسب در همه دستگاه‌ها استفاده کنید. برای متحرک کردن هشدارها هنگام رد کردن آنها، حتماً کلاس‌های .fade و .in را اضافه کنید.

#### Progressbar

پیشرفت پیش فرض |  | از نوار پیشرفت با class`progress-bar` و رنگ پس زمینه`bg-primary, bg-secondary`همچنین تغییر استفاده می کند
پیشرفت راه راه |  | از یک گرادیان برای ایجاد کلاس جلوه راه راه استفاده می کند.`progress-bar-striped`
اندازه های پیشرفت |  | پیشرفت در اندازه های مختلف. برای پیشرفت پیش‌فرض، کلاس به `lg-progress-bar`در بخش نیاز دارد.

#### Checkbox

چک باکس اصلی | پیش فرض | چک باکس اساسی
چک باکس پیش فرض | پیش فرض | با کادر انتخاب `.m-squar` بپیچید.
بررسی اولیه پوست | وضعیت نام تجاری | با استفاده از`checkbox-dark`برای این سبک از کادر انتخاب بپیچید.
بررسی پوست صاف | بررسی شد | با استفاده از`checkbox-solid-*`،`اولیه، ثانویه، موفقیت، اطلاعات، هشدار، خطر`برای این سبک از چک باکس استفاده کنید.
غیرفعال کردن چک | غیرفعال | با استفاده از`غیرفعال`،`اولیه، ثانویه، موفقیت، اطلاعات، هشدار، خطر`برای این سبک از چک باکس غیرفعال کنید.
چک باکس درون خطی | گزینه 1 گزینه 1 گزینه 1 | با استفاده از`غیرفعال`،`اولیه، ثانویه، موفقیت، اطلاعات، هشدار، خطر`برای این سبک از چک باکس غیرفعال کنید.

#### Radio Buttons

دکمه های رادیویی اصلی | رادیو پیش فرض | دکمه های رادیویی اصلی
رادیو پیش فرض | گزینه 1 | با استفاده از `.radio-*` و رنگ `.radio-*``اصلی، ثانویه، موفقیت، اطلاعات` در رادیو بپیچید.
رادیو بررسی شده | بررسی شده | با استفاده از`checkbox-dark`برای این سبک از کادر انتخاب بپیچید.
بررسی پوست صاف | غیرفعال | با استفاده از`checkbox-solid-*`،`اولیه، ثانویه، موفقیت، اطلاعات، هشدار، خطر`برای این سبک از چک باکس استفاده کنید.
چک باکس درون خطی | گزینه 1 گزینه 1 گزینه 1 | با استفاده از`غیرفعال`،`اصلی، ثانویه، موفقیت، اطلاعات، هشدار، خطر، روشن، تاریک`برای این سبک از چک باکس غیرفعال کنید.

#### Select

انتخاب تک |  | برای کنترل اصلی انتخاب استفاده کنید.
حالت انتخاب غیرفعال |  | استفاده برای غیرفعال کردن کنترل انتخاب اضافه `غیرفعال`.
حالت انتخاب بزرگ |  | استفاده برای کنترل انتخاب بزرگ و کوچک افزودن کلاس`form-control-*``lg، sm`.
نمونه انتخاب چندگانه |  | برای کنترل چند انتخابی از کد اضافه کنید `چند`در انتخاب استفاده کنید.

#### Input

متن ورودی پیش فرض |  | برای کنترل اصلی انتخاب استفاده کنید.
رنگ شناور ورودی |  | استفاده از رنگ ورودی پایه، کلاس`input-air-*``اصلی، ثانویه، موفقیت، اطلاعات`.در ورودی استفاده کنید

#### Badges

قرص های اساسی | اصلی | از کلاس `.badge` و به دنبال آن استفاده کنید. با رنگ نشان از کلاس `.badge-*``اولیه، ثانویه، موفقیت، اطلاعات، هشدار، خطر، نور` در داخل عنصر برای ایجاد قرص پیش‌فرض استفاده کنید.
برچسب با نماد | برچسب اصلی | از کلاس `label-square` با `div` استفاده کنید

#### Tooltip Triggers

محرک |  | از data-bs-toggle="tooltip" برای ماشه شناور استفاده کنید. این یک راه‌انداز پیش‌فرض است
لینک | لینک | از `a href="#"` برای راه‌اندازی پیوند استفاده کنید. این یک راه‌انداز پیوند است
دکمه طرح کلی |  | از `btn btn-outline-info` برای راه اندازی طرح کلی استفاده کنید. و دکمه پررنگ حاشیه استفاده کنید class`btn btn-outline-dark-2x`

#### Switch

سوئیچ پیش فرض |  | از کلاس `سوئیچ` برای برچسب استفاده کنید.
غیرفعال کردن سوئیچ |  | این غیرفعال کردن سوئیچ `غیرفعال`
تغییر رنگ |  | از کلاس `bg-*``اصلی , ثانویه , موفقیت , اطلاعات , هشدار , خطر` در بازه با نماد نمایش سوئیچ `icon-state`در بخش.
تغییر Outline |  | از کلاس `switch-outline`در div استفاده کنید.