🌟 بررسی کامپوننت‌ها – بخش سوم (Bootstrap 5)

📌 Collapse

✔️ برای مخفی/نمایش کردن محتوا استفاده می‌شود
🔧 دکمه کنترل:
data-bs-toggle="collapse"
data-bs-target="#id”

📥 المان هدف باید:
collapse
یا
collapse show
داشته باشد

💡 امکان کنترل چند بخش به صورت همزمان وجود دارد

📌 Dropdown

✔️ برای ساخت منوهای کشویی کاربردی

🎛️ ساختار:
🔹 ظرف اصلی → dropdown
🔹 دکمه → dropdown-toggle
🔹 منو → dropdown-menu
🔹 آیتم‌ها → dropdown-item

➖ Divider:
dropdown-divider

🏷️ Header:
dropdown-header

🎯 چینش:
dropdown-menu-end

⚠️ نیاز به Bootstrap Bundle دارد

📌 List Group

✔️ برای نمایش لیست‌های مرتب، منظم و زیبا

🔹 ظرف اصلی:
list-group

🔹 آیتم‌ها:
list-group-item

🎨 حالت‌ها:
💠 active
🚫 disabled

🧩 حالت‌های کاربردی:
➡️ لینک و دکمه شدن آیتم‌ها
➡️ لیست بدون فاصله کارت:
list-group-flush

🎨 رنگ‌ها:
list-group-item-primary
list-group-item-success
list-group-item-danger
و …