🔹 کلاس‌های Flex در بوتسترپ

• d-flex → فعال‌سازی flex روی المان
• flex-row / flex-row-reverse → چینش افقی (عادی یا برعکس)
• flex-column / flex-column-reverse → چینش عمودی (عادی یا برعکس)
• justify-content-* → ترازبندی افقی:
  • start (ابتدا)
  • center (وسط)
  • end (انتها)
  • around (با فاصله‌های مساوی اطراف)
  • between (با فاصله مساوی بین آیتم‌ها)
• align-items-* → ترازبندی عمودی:
  • start
  • center
  • end
  • baseline
  • stretch

🔹 کلاس‌های فاصله خودکار (Auto Margin)

• mr-auto → المان به چپ می‌رود (margin-right: auto)
• ml-auto → المان به راست می‌رود (margin-left: auto)

🔹 کنترل Order در مدیا کوئری‌ها

• order-* → تغییر ترتیب نمایش ستون‌ها
• مقادیر از 0 تا 12 (مثلاً: order-1, order-12)
• واکنش‌گرا: order-sm-*, order-md-*, order-lg-* و …

🔹 کنترل Offset در مدیا کوئری‌ها

• offset-* → ایجاد فاصله از سمت چپ برای ستون‌ها
• مقادیر از 0 تا 12 (مثلاً: offset-2, offset-md-3)
• برای جابه‌جایی ستون‌ها در اندازه‌های مختلف صفحه