مفهوم کامپوننت‌ها در بوتسترپ

• کامپوننت‌ها عناصر آماده‌ای هستند که برای ساخت سریع رابط کاربری استفاده می‌شوند.
• با استفاده از آن‌ها می‌توان بدون کدنویسی زیاد، المان‌های UI مثل پیام هشدار، برچسب‌ها، مسیر‌یابی و … ایجاد کرد.

🔹 Alert (پیام هشدار)

• نمایش پیام‌های اطلاع‌رسانی یا اخطار به کاربر.
• کلاس پایه: .alert
• رنگ‌ها (طبق زمینه‌ی Bootstrap):
  • .alert-primary
  • .alert-secondary
  • .alert-success
  • .alert-danger
  • .alert-warning
  • .alert-info
  • .alert-light
  • .alert-dark
• امکان بستن پیام با دکمه (.alert-dismissible).

🔹 Badge (نشانک/برچسب کوچک)

• برای نمایش اعداد، وضعیت یا نکات کوچک کنار متن یا دکمه‌ها.
• کلاس پایه: .badge
• جایگذاری در کنار متن یا داخل دکمه‌ها (<button>, <a>, <span>).

🔹 Badge Colors (رنگ‌بندی)

• مشابه alert از رنگ‌های آماده استفاده می‌کند:
  • .badge-primary
  • .badge-success
  • .badge-danger
  • .badge-warning
  • .badge-info
  • …

🔹 Breadcrumb (مسیر‌یاب)

• برای نمایش مسیر صفحه جاری در سایت (navigation path).
• ساختار لیستی با کلاس پایه: .breadcrumb
• هر آیتم مسیر: .breadcrumb-item
• امکان لینک‌دار بودن آیتم‌ها (به جز آیتم آخر).

🔹 اصول سفارشی‌سازی کامپوننت‌ها

• استفاده از کلاس‌های Utility بوتسترپ (مثل رنگ، سایز، فاصله).
• یا بازنویسی استایل‌ها در CSS سفارشی.
• قابلیت ترکیب چندین کلاس برای شخصی‌سازی بهتر.

✨ نکته: این جلسه به معرفی اولین دسته از کامپوننت‌های کاربردی بوتسترپ می‌پردازد که برای پیام‌رسانی، برچسب‌ها و مسیر‌یابی بسیار پرکاربردند.