🌟 بررسی کامپوننتها – بخش سوم (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
و …