🔹 دکمه‌ها (Buttons)

• کلاس پایه: .btn
• رنگ‌ها و حالت‌ها:
  • .btn-primary
  • .btn-secondary
  • .btn-success
  • .btn-danger
  • .btn-warning
  • .btn-info
  • .btn-light
  • .btn-dark
  • .btn-link (نمایش به صورت لینک)

🔹 دکمه‌های Block (تمام‌عرض)

• کلاس: .btn-block
• دکمه در عرض کامل ستون یا کانتینر قرار می‌گیرد.
• مناسب برای موبایل یا فرم‌ها.

🔹 سایز دکمه‌ها (Button Sizes)

• .btn-lg → دکمه بزرگ
• .btn-sm → دکمه کوچک
• .btn (پیش‌فرض) → سایز عادی

🔹 گروه دکمه‌ها (Button Groups)

• کلاس پایه: .btn-group
• قرار دادن چند دکمه در یک ردیف کنار هم.
• امکان عمودی کردن گروه با .btn-group-vertical.
• قابلیت ترکیب با dropdown (منوی کشویی).

✨ نکته: این جلسه روی تنوع دکمه‌ها، حالت‌ها و ترکیب آن‌ها در قالب گروهی تمرکز دارد تا بتوان سریع رابط کاربری‌های حرفه‌ای طراحی کرد.