📌 جلسه چهاردهم – کامپوننت‌ها – Formها

✅ مباحث اصلی

• فرم‌ها در بوت‌استرپ 4
  • بوت‌استرپ استایل‌های آماده برای input، textarea، select، checkbox و radio ارائه می‌دهد.
  • فرم‌ها به‌صورت پیش‌فرض با کلاس‌های grid هم ترکیب می‌شوند.

• کلاس‌های پایه
  • .form-group → گروه‌بندی هر فیلد فرم (لیبل + input).
  • .form-control → اعمال استایل بوت‌استرپ روی input و textarea.
  • .form-control-file → برای آپلود فایل.
  • .form-check → برای checkbox و radio.
  • .form-check-input → برای خود checkbox/radio.
  • .form-check-label → برای لیبل‌های کنار checkbox/radio.

• حالت‌های فرم
  • .form-control-sm / .form-control-lg → سایزبندی فیلدها.
  • .form-inline → نمایش فیلدها به‌صورت خطی (inline).

• لیبل‌ها و کمک‌نوشته‌ها
  • استفاده از <label> برای هر input.
  • اضافه کردن توضیحات کمکی با .form-text (مثلاً متن خاکستری زیر input).

• غیرفعال کردن فیلدها
  • استفاده از disabled یا .disabled.

✅ کلاس‌های کلیدی جلسه

• .form-group
• .form-control / .form-control-sm / .form-control-lg
• .form-control-file
• .form-check, .form-check-input, .form-check-label
• .form-inline
• .form-text
• .disabled

⚡ نکته: فرم‌ها در بوت‌استرپ 4 هم با grid system ترکیب می‌شن (برای طراحی ریسپانسیو فرم‌ها).