• پست الکترونیک
    • گفتگو کنید
    • نماد پر
    • ابزارک ها

    • شما 3 اعلان دارید 4

    • پردازش تحویل

      10 دقیقه ی قبل

    • سفارش کامل شد

      1 ساعت پیش

    • بلیط های تولید شده

      3 ساعت پیش

    • تحویل کامل

      6 ساعت پیش
    • عین چاوز

      لورم ایپسوم به سادگی ساختگی است...

      32 دقیقه پیش

    • اریکا هیوز

      لورم ایپسوم به سادگی ساختگی است...

      58 دقیقه پیش

    • کوری توماس

      لورم ایپسوم به سادگی ساختگی است...

      1 ساعت قبل

    • همه را ببین
جدید
ایمی والتر

اداره منابع انسانی

  • 19.8 هزار

    دنبال کننده

  • 2 سال

    تجربه

  • 95.2 هزار

    دنبال کرده

اجزای جدول

  1. صفحه اصلی
  2. جداول
  3. جداول بوت استرپ
  4. اجزای جدول
اجزای رابط کاربری
دکمه بوت استرپ شامل شش سبک دکمه از پیش تعریف شده است که هر کدام هدف معنایی خود را انجام می دهند.
دکمه های گرد برای دکمه های گرد از .btn-pillکلاس به دکمه استفاده کنید.
کشویی دکمه
هدر کشویی
اکشن اقدام دیگر چیز دیگری اینجاست
لینک جدا شده
از .dropdown-toggleدکمه class to برای تغییر حالت کشویی استفاده کنید.
گروه دکمه ثابت
از btn-groupclass to دکمه برای استفاده کنید div.
دکمه ها با نماد بوت استرپ شامل شش سبک دکمه از پیش تعریف شده است که هر کدام هدف معنایی خود را انجام می دهند.
دکمه آیکون دکمه آیکون ساده
دکمه های بارگیری دکمه های انیمیشن را گسترش دهید
هشدارها
هشدار اولیه

موفقیت! نشان دهنده یک اقدام موفق یا مثبت است.

هشدارها برای هر طول متن و همچنین یک دکمه رد اختیاری در دسترس هستند. alert alert-primary, alert alert-secondary, alert alert-success, alert alert-infoکلاس ها را برای هشدار با تمام رنگ های تم اضافه کنید.

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

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

هشدارها برای هر طول متن و همچنین یک دکمه رد اختیاری در دسترس هستند. alert alert-primary, alert alert-secondary, alert alert-success, alert alert-infoکلاس ها را برای هشدار با تمام رنگ های تم اضافه کنید.

هشدارهای قابل رد یک دکمه رد کردن و alert alert-dismissableکلاس اضافه کنید، که بالشتک اضافی را به سمت راست هشدار اضافه می کند و closeپیوند a را روی دکمه رد کردن قرار می دهد، ویژگی data-bs-dismiss="alert" را اضافه کنید، که عملکرد جاوا اسکریپت را فعال می کند. حتماً از aعنصر با آن برای رفتار مناسب در همه دستگاه‌ها استفاده کنید. برای متحرک کردن هشدارها هنگام رد کردن آنها، حتماً کلاس‌های .fade و .in را اضافه کنید.
هشدار با آیکون ها یک دکمه رد کردن و alert alert-dismissableکلاس اضافه کنید، که بالشتک اضافی را به سمت راست هشدار اضافه می کند و closeپیوند a را روی دکمه رد کردن قرار می دهد، ویژگی data-bs-dismiss="alert" را اضافه کنید، که عملکرد جاوا اسکریپت را فعال می کند. حتماً از aعنصر با آن برای رفتار مناسب در همه دستگاه‌ها استفاده کنید. برای متحرک کردن هشدارها هنگام رد کردن آنها، حتماً کلاس‌های .fade و .in را اضافه کنید.
نوار پیشرفت
پیشرفت پیش فرض
از نوار پیشرفت با کلاس استفاده می کند progress-barو رنگ پس زمینه bg-primary, bg-secondaryنیز تغییر می کند
راه راه پیشرفت
از یک گرادیان برای ایجاد کلاس افکت راه راه استفاده می کند.progress-bar-striped
اندازه های پیشرفت
پیشرفت در اندازه های مختلف برای پیشرفت پیش‌فرض، نیاز کلاس lg-progress-barبه div.
چک باکس
چک باکس اساسی چک باکس اساسی
چک باکس پیش فرض مربع
.m-squarباکس استفاده را بپیچید.
بررسی اولیه پوست
checkbox-darkبرای این سبک از چک باکس استفاده کنید .
بررسی پوست صاف
برای این سبک از چک باکس checkbox-solid-*، با استفاده بپیچید.primary, secondary, success, info, warning, danger
چک را غیرفعال کنید
disabled، primary, secondary, success, info, warning, dangerبرای این سبک از چک باکس غیرفعال شود.
چک باکس درون خطی
disabled، primary, secondary, success, info, warning, dangerبرای این سبک از چک باکس غیرفعال شود.
دکمه های رادیویی
دکمه های رادیویی اصلی دکمه های رادیویی اصلی
رادیو پیش فرض
با استفاده .radio-*و رنگ .radio-*primary , secondary , success , infoدر رادیو بپیچید.
رادیو بررسی شد
checkbox-darkبرای این سبک از چک باکس استفاده کنید .
بررسی پوست صاف
برای این سبک از چک باکس checkbox-solid-*، با استفاده بپیچید.primary, secondary, success, info, warning, danger
چک باکس درون خطی
disabled، primary, secondary, success, info, warning, danger, light, darkبرای این سبک از چک باکس غیرفعال شود.
انتخاب کنید
انتخاب واحد برای کنترل انتخاب اولیه استفاده کنید.
حالت انتخاب غیرفعال شد برای غیرفعال کردن انتخاب کنترل افزودن استفاده کنید disabled.
حالت انتخاب بزرگ استفاده برای کنترل های بزرگ و کوچک افزودن کلاس form-control-*lg, sm.
نمونه انتخاب چندگانه برای کنترل چند انتخابی، کد multipleرا در حالت انتخاب اضافه کنید.
ورودی
متن ورودی پیش‌فرض برای کنترل انتخاب اولیه استفاده کنید.
رنگ شناور ورودی برای رنگ ورودی پایه، کلاس input-air-*primary, secondary, success, info.on را اضافه کنید
نشان ها
قرص های پایه اولیه از .badgeکلاس و به دنبال آن استفاده کنید. با رنگ نشان از کلاس .badge-* primary , secondary , success , info, warning, danger, light کلاس درون عنصر برای ایجاد قرص پیش فرض استفاده کنید.
برچسب با نماد
برچسب اولیه
 از label-squareکلاس با استفاده کنیدdiv
راه‌اندازهای راهنمای ابزار
شناور از data-bs-toggle="tooltip" برای ماشه شناور استفاده کنید. این یک محرک پیش فرض است
ارتباط دادن ارتباط دادن a href="javascript:void(0)"برای شروع پیوند استفاده کنید . این یک ماشه پیوند است
دکمه طرح کلی btn btn-outline-infoبرای ماشه طرح کلی استفاده کنید . و کلاس استفاده از مرز پررنگ را فشار دهیدbtn btn-outline-dark-2x
سوییچ
سوئیچ پیش فرض از کلاس switchبرای برچسب استفاده کنید.
سوئیچ را غیرفعال کنید این سوئیچ را غیرفعال کنیدdisabled
تغییر رنگ
استفاده از کلاس bg-*Primary , Secondary , Success , Info , Warning , Dangerدر بازه با نماد نمایش سوئیچ icon-stateدر div.
سوییچ برون خطی
از کلاس switch-outlineدر div استفاده کنید.