🔹 Tables (جداول)

ساخت جدول پایه

• کلاس اصلی:
  • .table
• استایل پیش‌فرض:
  • فاصله مناسب
  • خط‌کشی استاندارد
  • ظاهر تمیز و خوانا

کلاس‌های مهم جدول

• .table-striped → ردیف‌های راه‌راه
• .table-bordered → جدول با کادر
• .table-borderless → بدون کادر
• .table-hover → افکت هاور روی ردیف‌ها
• .table-sm → جدول فشرده

رنگ‌بندی جدول

• کلاس‌ها:
  • .table-primary
  • .table-success
  • .table-danger
  • .table-warning
  • .table-info
  • .table-dark
• قابل استفاده روی:
  • <table>
  • <tr>
  • <td>

جدول ریسپانسیو

• کلاس:
  • .table-responsive
• نسخه‌های سایزبندی:
  • .table-responsive-sm
  • .table-responsive-md
• کاربرد:
  • اسکرول افقی در موبایل

ریسپانسیو کردن تصویر

• کلاس:
  • .img-fluid
• عملکرد:
  • max-width: 100%
  • height: auto

شکل تصاویر

• .rounded → گوشه گرد
• .rounded-circle → دایره‌ای
• .img-thumbnail → تصویر با کادر

تراز و نمایش تصویر

• .float-start
• .float-end
• .mx-auto.d-block → وسط‌چین افقی

🔹 جمع‌بندی کوتاه

• Tables → ساخت جدول سریع و تمیز
• Images → ریسپانسیو و حرفه‌ای بدون CSS اضافه