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