کلاسهای کمکی در Bootstrap :
کلاسهای کمکی یا Helper classes در فریمورک Bootstrap ابزارهای کوچکی هستند که به توسعهدهندگان امکان میدهند سبک و ظاهر المانهای وب را به سادگی تغییر دهند و عملکرد آنها را بهبود بخشند. این کلاسها به طور کلی به سه دسته بندی تقسیم میشوند: کلاسهای متنی، کلاسهای ترکیبی و کلاسهای ریسپانسیو.
کلاسهای متنی، شامل کلاسهایی مانند `.text-left`، `.text-center` و `.text-right` هستند که به ترتیب، متن را در چپ، وسط و راست صفحه قرار میدهند. همچنین کلاسهایی مانند `.text-muted` برای متنهای غیرفعال و `.text-danger` برای متنهای خطرناک نیز وجود دارند.
کلاسهای ترکیبی، امکان ایجاد ترکیبهای مختلف از کلاسها را به توسعهدهندگان میدهند. برخی از کلاسهای ترکیبی مهم در Bootstrap عبارتند از `.bg-primary` و `.text-white` که باعث تغییر رنگ پسزمینه و رنگ متن به ترتیب به رنگ اصلی و سفید میشوند.
کلاسهای ریسپانسیو، برای سازگاری صفحه وب با اندازههای مختلف صفحه نمایش، استفاده میشوند. برخی از کلاسهای ریسپانسیو به شرح زیر هستند:
– `.d-none` و `.d-sm-none` برای مخفی کردن المان در اندازههای کوچکتر از حداقل اندازه مشخص شده.
– `.d-block` و `.d-xl-block` برای نمایش المان در اندازههای بزرگتر از حداکثر اندازه مشخص شده.
– `.d-flex` و `.d-md-flex` برای ایجاد یک container با استفاده از flexbox.
در نهایت، این کلاسهای کمکی به توسعهدهندگان امکان میدهند تا با استفاده از آنها، سبک و ظاهر المانهای وب را به سادگی تغییر دهند. با استفاده از کلاسهای متنی، میتوانند متنها را به سمت چپ یا راست چین کنند و رنگها را تغییر دهند. همچنین با استفاده از کلاسهای ترکیبی، میتوانند ترکیبهای مختلفی از کلاسها را به کار ببرند و به سبک دلخواه خود المانها را طراحی کنند. همچنین، با استفاده از کلاسهای ریسپانسیو، میتوانند صفحه وب را برای تمام اندازههای مختلف صفحه نمایش بهینه کنند.