🌟 بررسی Helperها (Bootstrap 5)

🧰 Helpers

✔️ کلاس‌های کمکی آماده برای حل سریع مشکلات رایج
✔️ بدون نیاز به CSS سفارشی در اکثر مواقع

📌 Clearfix

✔️ برای حل مشکل Float

🔹 کلاس:
• clearfix

📍 کاربرد:
• وقتی المان‌های float شده باعث به‌هم‌ریختگی لایه‌بندی می‌شوند

📌 Color & Background

✔️ تغییر سریع رنگ متن و پس‌زمینه

🎨 متن:
• text-primary
• text-success
• text-danger
• text-warning
• text-muted

🎨 پس‌زمینه:
• bg-primary
• bg-success
• bg-danger
• bg-warning
• bg-light
• bg-dark

📌 Text Helpers

✔️ کنترل نمایش و رفتار متن

🔤 مهم‌ترین کلاس‌ها:
• تراز متن → text-start / text-center / text-end
• تغییر حروف → text-uppercase / text-lowercase / text-capitalize
• شکستن متن → text-break
• عدم شکست خط → text-nowrap

📌 Link Helpers

✔️ استایل‌دهی و کنترل لینک‌ها

🔗 کلاس‌ها:
• حذف زیرخط → text-decoration-none
• تغییر رنگ لینک → link-primary, link-danger, …
• لینک ملایم → link-secondary

📌 Position Helpers

✔️ کنترل جایگاه المان‌ها

📍 کلاس‌ها:
• position-relative
• position-absolute
• position-fixed
• position-sticky

🎯 ابزارهای همراه:
• top-0, bottom-0, start-0, end-0
• translate-middle

📌 Visibility Helpers

✔️ کنترل نمایش المان‌ها

👁️ کلاس‌ها:
• مخفی → invisible
• حذف کامل → d-none
• نمایش دوباره → d-block, d-flex

⚠️ نکات مهم
• Helperها جایگزین CSS نیستند، ولی ۸۰٪ نیازها را پوشش می‌دهند
• استفاده درست از Helperها سرعت توسعه را خیلی بالا می‌برد
• ترکیب Helperها با Grid و Flex بسیار قدرتمند است