برنامه
رنگ پس زمینه
مشابه کلاسهای رنگ متن متنی ، پس زمینه را تنظیم کنید یک عنصر برای هر کلاس متنی.زمینه برنامهتنظیم نکنید color, بنابراین در بعضی موارد شما می خواهم استفاده کنم .text-*آب و برق رنگ
رنگ شیب پس زمینه
با اضافه کردن .bg-gradientکلاس ، یک شیب خطی است به عنوان تصویر پس زمینه به پس زمینه اضافه شده است.این شیب با یک سفید نیمه شفاف شروع می شود که به پایین محو می شود.
پس زمینه روشن
مشابه کلاسهای رنگ متن متنی ، پس زمینه را تنظیم کنید یک عنصر برای هر کلاس متنی.برنامه های کاربردی پس زمینه تنظیم نمی شوند color, بنابراین در بعضی موارد می خواهید استفاده کنید.text-* ابزارهای رنگی.
.bg-primary-subtle.bg-secondary-subtle .bg-success-subtle.bg-danger-subtle.bg-warning-subtle.bg-info-subtle.bg-light-subtle.bg-dark-subtleرنگ و پس زمینه
یاران رنگ و پس زمینه قدرت ما را ترکیب می کنند .text-* آب و برق و .bg-* برنامه های کاربردی در یک کلاس.با استفاده از ماس ما color-contrast() function, ما به طور خودکار تعیین می کنیم متضاد color برای یک خاص background-color.
پیوندهای رنگی
شما می توانید از .link-* کلاس هایی برای رنگ آمیزی پیوندهابرخلاف.text-*کلاس ها ، این کلاس ها دارای یک :hover وت :focus حالت.
کدوت
background-color آب و برق با SASS تولید می شود با استفاده از متغیرهای CSS.این اجازه می دهد تا در زمان واقعی تغییر رنگ بدون تدوین و آلفا پویا تغییر شفافیت
رنگ متن
متن را با برنامه های رنگی رنگ کنید.اگر می خواهید پیوندها را رنگ کنید ، شما می توانید از .link-* کلاس های یاور که دارند :hover و :focus ایالات متحده.
.text-primary
.text-primary-emphasis
.text-secondary
.text-secondary-emphasis
.text-success
.text-success-emphasis
.text-danger
.text-danger-emphasis
.text-warning
.text-warning-emphasis
.text-info
.text-info-emphasis
.text-light
.text-light-emphasis
.text-dark
.text-dark-emphasis
.text-muted
.text-body
.text-body-emphasis
.text-body-secondary
.text-body-tertiary
.text-black
.text-white
.text-black-50
.text-white-50
رنگ شفافیت متن
ابزارهای رنگ متن با استفاده از متغیرهای CSS با SASS تولید می شوند. این اجازه می دهد تا رنگ در زمان واقعی باشد تغییر بدون تدوین و تغییر شفافیت آلفا پویا.
شفافیت
در opacity املاک سطح شفافیت را برای یک تعیین می کند عنصر.سطح شفافیت را توصیف می کند سطح ، کجا 1 اصلاً شفاف نیست, .5 هست 50%. قابل مشاهده ، و0 کاملاً شفاف است تنظیم کردن opacityاز یک عنصر با استفاده از .opacity-{value} برنامه.
افزودنی (اضافه کردن) مرز
از برنامه های مرزی استفاده کنیداضافه کردنمرزهای یک عنصرانتخاب کردن از همه مرزها یا یک بار.
مرز کمرنگ (حذف)
از برنامه های مرزی استفاده کنید برداشتن مرزهای یک عنصراز بین همه مرزها یا یک بار انتخاب کنید.
رنگ مرزی
رنگ مرزی را با استفاده از برنامه های ساخته شده در رنگ های تم ما تغییر دهید.
اندازه عرض مرز
کدوی مرزی
از هر یک از.border-opacity برنامه:
رنگ ظریف مرزی
رنگ مرزی را با استفاده از برنامه های ساخته شده در رنگ های تم ما تغییر دهید.
شعاع مرزی
کلاس ها را به یک عنصر اضافه کنید تا به راحتی گوشه های خود را دور بزنید.
اندازه شعاع مرزی
برای گوشه های گرد بزرگتر یا کوچکتر از کلاس های مقیاس گذاری استفاده کنید. اندازه از0 تا 5.
انتخاب متن
استفاده کردن user-select-all, user-select-auto, یا user-select-noneکلاس به محتوایی که هنگام کاربر انتخاب می شود با آن تعامل دارد.
این پاراگراف با کلیک توسط کاربر کاملاً انتخاب می شود.
این پاراگراف دارای رفتار انتخابی پیش فرض است.
این پاراگراف هنگام کلیک توسط کاربر قابل انتخاب نخواهد بود.
وقایع اشاره گر
سرریز
تنظیم کردنoverflow ویژگی با چهار مقدار و کلاس پیش فرض.این کلاس ها به طور پیش فرض پاسخگو نیستند.
.overflow-auto روس عنصر با ابعاد عرض و ارتفاع تنظیم شده. با طراحی ، این محتوا به صورت عمودی پیمایش می کند..overflow-hidden روس عنصر با ابعاد عرض و ارتفاع تنظیم شده..overflow-visible روس عنصر با ابعاد عرض و ارتفاع تنظیم شده..overflow-scroll روس عنصر با ابعاد عرض و ارتفاع تنظیم شده.موقعیت در ترتیب
عناصر را به راحتی با برنامه های موقعیت یابی لبه ترتیب دهید.قالب است {property}-{position}.
موقعیت در مرکز
علاوه بر این ، شما همچنین می توانید عناصر را با کلاس ابزار تبدیل متمرکز کنید .translate-middle.
موقعیت در محور
با اضافه کردن.translate-middle-x یا .translate-middle-y کلاس ها ، عناصر فقط در جهت افقی یا عمودی قابل قرار گرفتن هستند.
سایه
در حالی که سایه های موجود در قطعات به طور پیش فرض در bootstrap غیرفعال می شوند و از طریق می توان آن را فعال کرد $enable-shadows, همچنین می توانید به سرعت سایه را با ما اضافه یا حذف کنید box-shadow utility کلاس هاشامل پشتیبانی برای.shadow-noneو سه اندازه پیش فرض (که متغیرهای مرتبط با آن را دارند).
عرض
عرض از ای پی ای در ابزار تولید می شود _utilities.scss.شامل پشتیبانی برای 25%, 50%, 75%, 100%, و auto به طور پیش فرضاین مقادیر را همانطور که برای تولید در اینجا نیاز دارید اصلاح کنید.
قد
ارتفاع از ای پی ای ابزار تولید می شود _utilities.scss.شامل پشتیبانی برای 25%, 50%, 75%, 100%, and auto به طور پیش فرضاین مقادیر را همانطور که برای تولید مختلف در اینجا نیاز دارید اصلاح کنید.
متناسب با جسم
تغییر مقدار object-fit دارایی با پاسخگو ما object-fit کلاسهای ابزار.این ویژگی به محتوا می گوید که ظرف والدین را به روش های مختلفی پر کند ، مانند حفظ نسبت ابعاد یا کشش برای به دست آوردن هرچه بیشتر فضای ممکن.
.object-fit-contain
.object-fit-cover
.object-fit-fill
.object-fit-scale
.object-fit-none
زد ایندکس
استفاده کردن z-indexبرنامه های کاربردی برای جمع آوری عناصر در بالای یکدیگر.نیاز داردposition مقدار غیر از static, که می تواند با سبک های سفارشی یا با استفاده از ما تنظیم شودبرنامه های کاربردی.