📏 Spacing

✔️ کنترل فاصله داخلی و خارجی المان‌ها

🔹 Margin (فاصله بیرونی):
• m-0 تا m-5
• جهت‌دار:

• mt- بالا
• mb- پایین
• ms- شروع
• me- پایان
• mx- افقی
• my- عمودی

🔹 Padding (فاصله داخلی):
• p-0 تا p-5
• جهت‌دار:

• pt-, pb-, ps-, pe-, px-, py-

📱 ریسپانسیو:
• mt-md-3
• px-lg-5

✍️ Text

✔️ کنترل ظاهر و رفتار متن

🔤 تراز متن:
• text-start
• text-center
• text-end

🔡 تبدیل حروف:
• text-uppercase
• text-lowercase
• text-capitalize

📏 اندازه فونت:
• fs-1 تا fs-6

📐 ضخامت فونت:
• fw-light
• fw-normal
• fw-bold

📏 فاصله خطوط:
• lh-1
• lh-sm
• lh-base
• lh-lg

📐 Vertical-align

✔️ تراز عمودی المان‌های inline یا table-cell

🔹 کلاس‌ها:
• align-baseline
• align-top
• align-middle
• align-bottom
• align-text-top
• align-text-bottom

👁️ Visibility

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

🔹 کلاس‌ها:
• visible
• invisible

⚠️ تفاوت:
• invisible فضا را حفظ می‌کند
• d-none المان را کامل حذف می‌کند

🔢 Z-index

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

🔹 کلاس‌ها:
•zn-1

• z-0
• z-1
• z-2
• z-3
• z-4
• z-5

📌 کاربرد:
• برای مدیریت Overlay، Dropdown، Modal، Tooltip و…