خدمات رفاهی
رنگ پس زمینه
مشابه کلاس‌های رنگ متن متنی، پس‌زمینه یک عنصر را روی هر کلاس متنی تنظیم کنید. do not set color، بنابراین در برخی موارد می خواهید استفاده کنید.text-*color utilities.
\u003cdiv class\u003d\
رنگ گرادیان پس زمینه
با افزودن الف.bg-gradient class, a linear gradient is added as background image to the backgrounds. This
gradient starts with a semi-transparent white which fades out to the bottom.
\u003cdiv class\u003d\
کدورت پس زمینه
background-color utilities are generated with Sass using CSS variables. This
allows for real-time color changes without compilation and dynamic alpha transparency changes.
\u003cdiv class\u003d\
رنگ متن
متن را با ابزارهای رنگی رنگی کنید. .link-* helper classes which have :hover
and :focus states.
.text-primary
.text-secondary
.text-موفقیت
.متن خطر
متن هشدار
متن-اطلاعات
.text-light
.text-dark
.text-body
متن قطع شده است
متن-سفید
.text-black-50
.text-white-50
\u003cp class\u003d\
رنگ تیرگی متن
ابزارهای رنگ متن با Sass با استفاده از متغیرهای CSS تولید می شوند.
\u003cdiv class\u003d\
کدورت
راopacity property sets the opacity level for an element. The opacity level describes the transparency
level, where 1 is not transparent at all, .5 is 50% visible, and 0 is
completely transparent. Set the opacity of an element using .opacity-{value} utilities.
\u003cdiv class\u003d\
افزودنی (افزودن) حاشیه
از ابزارهای مرزی استفاده کنیدaddمرزهای یک عنصر
\u003cspan class\u003d\
حاشیه تفریق (حذف).
از ابزارهای مرزی استفاده کنیدremoveمرزهای یک عنصر
\u003cspan class\u003d\
رنگ لبه
رنگ حاشیه را با استفاده از ابزارهای ساخته شده بر روی رنگ های موضوع ما تغییر دهید.
\u003cspan class\u003d\
اندازه پهنای حاشیه
\u003cspan class\u003d\
کدورت مرزی
از هر کدام را انتخاب کنید.border-opacity utilities:
\u003cdiv class\u003d\
شعاع مرزی
کلاس هایی را به یک عنصر اضافه کنید تا گوشه های آن به راحتی گرد شود.
\u003cimg src\u003d\
اندازه شعاع مرزی
از کلاس های مقیاس بندی برای گوشه های گرد بزرگتر یا کوچکتر استفاده کنید. 0 to 5.
\u003cimg src\u003d\
انتخاب متن
استفاده کنیدuser-select-all, user-select-auto, or
user-select-none class to the content which is selected when the user interacts with it.
این پاراگراف با کلیک کاربر به طور کامل انتخاب می شود.
این پاراگراف دارای رفتار انتخاب پیش فرض است.
این پاراگراف با کلیک کاربر قابل انتخاب نخواهد بود.
\u003cp class\u003d\
رویدادهای اشاره گر
بوت استرپ فراهم می کند.pe-none and .pe-auto classes to prevent or add element interactions.
سرریز
تنظیمoverflow property on the fly with four default values and classes. These classes are not
responsive by default.
.overflow-auto on an element with set width and height dimensions. By
design, this content will vertically scroll.
.overflow-hidden on an element with set width and height dimensions.
.overflow-visible on an element with set width and height dimensions.
.overflow-scroll on an element with set width and height dimensions.
\u003cdiv class\u003d\
موقعیت در Arrange
با ابزارهای موقعیت یابی لبه، عناصر را به راحتی مرتب کنید. {property}-{position}.
\u003cdiv class\u003d\
موقعیت در مرکز
علاوه بر این، می توانید عناصر را با کلاس transform utility مرکز کنید.translate-middle.
\u003cdiv class\u003d\
موقعیت در محور
با اضافه کردن.translate-middle-x or .translate-middle-y classes, elements can be positioned only in horizontal or vertical direction.
\u003cdiv class\u003d\
سایه ها
در حالی که سایه های روی کامپوننت ها به طور پیش فرض در بوت استرپ غیرفعال است و می توان از طریق آن فعال کرد$enable-shadows, you can also quickly add or remove a shadow with our box-shadow utility
classes. Includes support for .shadow-none and three default sizes (which have associated variables to
match).
\u003cdiv class\u003d\
عرض
ابزارهای Width از API ابزار در تولید می شوند_utilities.scss. Includes support for
25%, 50%, 75%, 100%, and auto by default. Modify
those values as you need to generate different utilities here.
\u003c!-- عرض --\u003e\n
ارتفاع
ابزارهای ارتفاع از API ابزار در تولید می شوند_utilities.scss. Includes support for
25%, 50%, 75%, 100%, and auto by default. Modify
those values as you need to generate different utilities here.
\u003c!-- قد --\u003e\n