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

==============================
🎠 Carousel (اسلایدر)

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

📦 ساختار اصلی:
🔹 container اصلی → carousel
🔹 اسلایدها → carousel-inner
🔹 هر اسلاید → carousel-item
🔹 اسلاید فعال → carousel-item active

🎮 کنترل‌ها:
⬅️➡️ دکمه قبلی و بعدی
data-bs-slide="prev"
data-bs-slide="next"

🔘 اندیکاتور اسلایدها:
carousel-indicators

⚙️ تنظیمات مهم:
⏳ اسلاید خودکار → data-bs-ride="carousel"
🔁 زمان‌بندی هر اسلاید → data-bs-interval="3000"
⏸️ توقف خودکار هنگام هاور → data-bs-pause
📱 ریسپانسیو → به‌صورت پیش‌فرض دارد

⚠️ نکته کاربردی:
اگر class‌ها یا ID‌ها درست نباشند، اسلایدر کار نمی‌کند.

==============================
🖼️ Modal (پنجره پاپ‌آپ)

✔️ برای نمایش پیام‌ها، فرم‌ها و هشدارها در صفحه
✔️ روی صفحه ظاهر شده و پشت زمینه تار می‌شود

📦 ساختار اصلی:
🔹 modal
🔹 modal-dialog
🔹 modal-content
🔹 modal-header
🔹 modal-body
🔹 modal-footer

🎮 فعال‌سازی:
با دکمه:
data-bs-toggle="modal"
data-bs-target="#ID"

🎯 بستن مودال:
🔘 دکمه Close → data-bs-dismiss="modal"
❌ ضربدر هدر
⛔ کلیک بیرون مودال
⛔ دکمه ESC

⚙️ تنظیمات مهم:
📌 جلوگیری از بسته شدن با کلیک بیرون:
data-bs-backdrop="static"

📌 جلوگیری از بسته شدن با ESC:
data-bs-keyboard="false"

📐 سایزها:
modal-sm
modal-lg
modal-xl
fullscreen-*