در حال بارگیری پنل مدیریت...

مولفه های UI
دکمه بوت استرپ شامل شش سبک دکمه از پیش تعریف شده است که هر کدام هدف معنایی خاص خود را دارند.
دکمه های گرد استفاده کنید از قرص btnدکمه کلاس به دکمه های گرد.
منوی کشویی دکمه استفاده کنید از .dropdown-toggleدکمه کلاس به حالت Dropdown-toggle.
گروه دکمه های اساسی
استفاده کنید از گروه btnکلاس برای دکمه برایdiv.
دکمه های دارای نماد بوت استرپ شامل شش سبک دکمه از پیش تعریف شده است که هر کدام هدف معنایی خاص خود را دارند.
دکمه نماد Simple Icon Button
دکمه های بارگیری دکمه های انیمیشن را بزرگ کنید
هشدارها
هشدار اساسی

موفق باشید!یک عمل موفقیت آمیز یا مثبت را نشان می دهد.

هشدارها برای هر طول متن و همچنین یک دکمه اختیاری اختیاری در دسترس هستند.هشدار هشدار اولیه،هشدار هشدار ثانویه،هشدار هشدار موفقیت،هشدار اطلاعات هشدارکلاسهای هشدار با تمام رنگهای تم.

هشدارها با پیوندها

موفق باشید!تو بایداین پیام را بخوانید.

هشدارها برای هر طول متن و همچنین یک دکمه اختیاری اختیاری در دسترس هستند.هشدار هشدار اولیه،هشدار هشدار ثانویه،هشدار هشدار موفقیت،هشدار اطلاعات هشدارکلاسهای هشدار با تمام رنگهای تم.

هشدارهای قابل قبول یک دکمه رد کردن و اضافه کنیدهشدار هشدار قابل رد کردنکلاس ، که padding اضافی را به سمت راست هشدار اضافه می کند و موقعیت را قرار می دهدبستنa link On the dismiss button, add the data-dismiss="alert" attribute, which triggers the JavaScript functionality. Be sure to use theآبا آن برای رفتار مناسب در همه دستگاه ها همراه باشید.
هشدارها با نمادها یک دکمه رد کردن و اضافه کنیدهشدار هشدار قابل رد کردنکلاس ، که padding اضافی را به سمت راست هشدار اضافه می کند و موقعیت را قرار می دهدبستنa link On the dismiss button, add the data-dismiss="alert" attribute, which triggers the JavaScript functionality. Be sure to use theآبا آن برای رفتار مناسب در همه دستگاه ها همراه باشید.
نوار پیشرفت
پیشرفت پیش فرض
از نوار پیشرفت با کلاس استفاده می کندنوار پیشرفتو رنگ پس زمینهbg-basic ، bg-secondنیز تغییر کند
راه راه پیشرفت
از یک شیب برای ایجاد یک کلاس افکت راه راه استفاده می کند.نوار پیشرفت راه راه
اندازه های پیشرفت
اندازه های مختلف پیشرفت.lg-progress-barدر قسمت div
کادر انتخاب
کادر انتخاب اصلی کادر انتخاب اصلی
مربع مربع پیش فرض
با استفاده از بسته بندیمربع مربعکادر انتخاب
پوست اولیه را بررسی کنید
با استفاده از بسته بندیجعبه انتخاب - تاریکبرای این سبک از کادر انتخاب.
Flat Skin Check
با استفاده از بسته بندیکادر تأیید- جامد- *،اولیه ، ثانویه ، موفقیت ، اطلاعات ، هشدار ، خطربرای این سبک از کادر انتخاب.
غیرفعال کردن چک
با استفاده از بسته بندیاز کار انداختن،اولیه ، ثانویه ، موفقیت ، اطلاعات ، هشدار ، خطربرای این سبک کادر انتخاب را غیرفعال کنید.
جعبه انتخاب درون خطی
با استفاده از بسته بندیاز کار انداختن،اولیه ، ثانویه ، موفقیت ، اطلاعات ، هشدار ، خطربرای این سبک کادر انتخاب را غیرفعال کنید.
دکمه های رادیو
دکمه های رادیویی پایه دکمه های رادیویی پایه
رادیو پیش فرض
با استفاده از بسته بندیرادیو -و رنگرادیو -اولیه ، ثانویه ، موفقیت ، اطلاعاتدر رادیو
رادیو بررسی شده
با استفاده از بسته بندیجعبه انتخاب - تاریکبرای این سبک از کادر انتخاب.
Flat Skin Check
با استفاده از بسته بندیکادر تأیید- جامد- *،اولیه ، ثانویه ، موفقیت ، اطلاعات ، هشدار ، خطربرای این سبک از کادر انتخاب.
جعبه انتخاب درون خطی
با استفاده از بسته بندیاز کار انداختن،اولیه ، ثانویه ، موفقیت ، اطلاعات ، هشدار ، خطر ، نور ، تاریکیبرای این سبک کادر انتخاب را غیرفعال کنید.
انتخاب کنید
تنها انتخاب کنید برای کنترل اصلی انتخاب استفاده کنید.
حالت انتخاب غیرفعال است استفاده برای غیرفعال کردن کنترل کنترل اضافه کردناز کار انداختن.
حالت انتخاب بزرگ برای کلاس انتخاب بزرگ و کوچک انتخاب کنیدفرم کنترل- *lg ، sm.
به عنوان مثال انتخاب چندگانه برای کنترل چند گزینه ای افزودن کد استفاده کنیدچندتاییدر انتخاب کنید.
ورودی
متن ورودی پیش فرض برای کنترل اصلی انتخاب استفاده کنید.
رنگ شناور ورودی برای کلاس ورودی رنگ ورودی پایه استفاده کنیدورودی هوا- *اولیه ، ثانویه ، موفقیت ، اطلاعاتدر ورودی
نشان ها
قرص اساسی اولیه از <استفاده کنیدcode>.بجکلاس ، به دنبال آن..badge- *اولیه ، ثانویه ، موفقیت ، اطلاعات ، هشدار ، خطر ، نورکلاس درون عنصر برای ایجاد قرص پیش فرض.
برچسب با نمادها
برچسب اولیه
از <استفاده کنیدcode>مربع برچسبکلاس باdiv
راهکارهای راهنما
شناور برای شناور ماشه از data-toggle = "tooltip" استفاده کنید.
لینک لینک استفاده کنیدa href = "#"برای ماشه پیوند.
دکمه رئوس مطالب استفاده کنیدbtn btn-outline-infoبرای ماشه رئوس مطالب.btn btn-outline-dark-2x
تعویض
سوئیچ پیش فرض از کلاس استفاده کنیدتعویضبرای برچسب
سوئیچ را غیرفعال کنید این سوئیچ را غیرفعال کنیداز کار انداختن
تغییر رنگ
از کلاس استفاده کنیدbg- *اولیه ، ثانویه ، موفقیت ، اطلاعات ، هشدار ، خطردر طول با نماد نمایش نشانگردولت-نماددر قسمت div
طرح کلی را تغییر دهید
از کلاس استفاده کنیدطرح کلیدر قسمت div