گردونه
فقط اسلایدها
اینجا یک چرخ فلک فقط با اسلاید است. برای جلوگیری از ترازبندی تصویر پیش فرض
مرورگر، به وجود .d-blockو .img-fluidروی تصاویر
چرخ فلک توجه کنید.
با کنترل
اضافه کردن کنترل های قبلی و بعدی:
با اندیکاتورها
همچنین می توانید نشانگرها را در کنار کنترل ها به چرخ فلک اضافه کنید.
با زیرنویس
زیرنویس را به اسلایدهای خود به راحتی با
.carousel-captionعنصر موجود در هر یک اضافه کنید
.carousel-item. همانطور که در زیر نشان داده شده است، با
استفاده از ابزارهای نمایشگر اختیاری می توان آنها را به راحتی در درگاه های
نمایش کوچکتر پنهان کرد. ما آنها را در ابتدا با پنهان می کنیم
.d-noneو آنها را در دستگاه های متوسط با
.d-md-block.
اولین برچسب اسلاید
برخی از محتوای نگهدارنده مکان نماینده برای اسلاید اول.
برچسب اسلاید دوم
برخی از محتوای نگهدارنده مکان نماینده برای اسلاید دوم.
برچسب اسلاید سوم
برخی از محتوای نگهدارنده مکان نماینده برای اسلاید سوم.
Crossfade
به چرخ فلک خود اضافه کنید .carousel-fadeتا
به جای اسلاید، اسلایدها را با تغییر رنگ محو کنید. ددر انتظار در محتوای چرخ
فلک خود (مثلاً اسلایدهای متنی)، ممکن است بخواهید برای crossfading مناسب
.bg-bodyیا مقداری CSS سفارشی به s اضافه
کنید..carousel-item
.carousel-item فاصله
فردی
برای تغییر مدت زمان تأخیر بین دوچرخه‌سواری خودکار تا
مورد بعدی، data-bs-interval=""به a اضافه کنید
..carousel-item
.carousel-item فاصله
کش رفتن با لمس را غیرفعال کنید
چرخ فلک ها از کشیدن انگشت به چپ/راست روی دستگاه های
صفحه لمسی برای حرکت بین اسلایدها پشتیبانی می کنند. این را می توان با
استفاده از ویژگی غیرفعال کرد data-bs-touch. مثال زیر نیز این
data-bs-rideویژگی را شامل نمی شود بنابراین به طور خودکار پخش
نمی شود.
.carousel-item فاصله
متغیر تاریک
برای کنترل‌ها، نشانگرها و شرح‌های تیره‌تر
.carousel-darkبه آن اضافه کنید .
.carouselکنترل‌ها از پر سفید پیش‌فرضشان با ویژگی CSS معکوس
شده‌اند filter. زیرنویس‌ها و کنترل‌ها دارای متغیرهای Sass
اضافی هستند که colorو را سفارشی می‌کنند
background-color.
اولین برچسب اسلاید
برخی از محتوای نگهدارنده مکان نماینده برای اسلاید اول.
برچسب اسلاید دوم
برخی از محتوای نگهدارنده مکان نماینده برای اسلاید دوم.
برچسب اسلاید سوم
برخی از محتوای نگهدارنده مکان نماینده برای اسلاید سوم.