📌 جلسه دوازدهم – کامپوننت‌ها – Carousel (اسلایدر تصاویر)

Carousel
- کامپوننت اسلایدشو برای نمایش تصاویر یا محتوای قابل حرکت
- فعال‌سازی با کلاس .carousel و آیدی دلخواه
Slide
- کلاس .slide → ایجاد انیمیشن حرکت اسلایدها (افکت transition)
Carousel Inner
- کلاس .carousel-inner → محفظه‌ی اصلی برای نگهداری تمام اسلایدها
Carousel Item
- کلاس .carousel-item → هر اسلاید یک آیتم مستقل
- اولین آیتم باید کلاس .active داشته باشد تا نمایش اولیه مشخص شود
Carousel Indicators
- کلاس .carousel-indicators → نقطه‌ها (دکمه‌های ناوبری کوچک) برای جابه‌جایی بین اسلایدها
- هر دکمه به یک آیتم با data-slide-to وصل می‌شود
کنترل‌های قبلی/بعدی
- کلاس‌های .carousel-control-prev و .carousel-control-next
- به همراه آیکون‌ها (.carousel-control-prev-icon, .carousel-control-next-icon) برای جابه‌جایی دستی

⚡ نکته: Carousel بوت‌استرپ هم با اتریبیوت‌های data-* (مثل data-ride="carousel", data-interval="3000") و هم با جاوااسکریپت قابل کنترل است.