Iconly/Curved/Arrow - Left 2Iconly/Curved/Arrow - CircleIconly/Curved/Arrow - SearchIconly/Curved/Arrow - cubeIconly/Curved/Arrow - checkIconly/Curved/Arrow - pieIconly/Curved/Arrow - plusIconly/Curved/Arrow - minusIconly/Curved/Arrow - heartIconly/Curved/Arrow - Arrow-downIconly/Curved/Arrow - WeatherIconly/Curved/Arrow - StarIconly/Curved/Home

اسلایدر

اسلایدر سوایپر پیش‌فرض

استفاده از کلاس.activeو تصاویر برای جلوگیری از تراز پیش‌فرض مرورگر.

با کنترل‌ها

استفاده از کلاس.activeو تصاویر برای جلوگیری از تراز پیش‌فرض مرورگر.

نسخه پخش خودکار

استفاده از.owl-carouseبرای عبور از اسلایدها.

Drawing-room
Drawing-room
Drawing-room
Drawing-room
Drawing-room
Drawing-room
Drawing-room
Drawing-room
Drawing-room
Drawing-room
Drawing-room

نسخه چرخش با موس

استفاده از.owl-carouseبرای عبور از اسلایدها.

Drawing-room
Drawing-room
Drawing-room
Drawing-room
Drawing-room
Drawing-room
Drawing-room
Drawing-room
Drawing-room
Drawing-room
Drawing-room

با نشانگرها

استفاده از.carousel-indicatorsبرای نشان دادن اسلایدها در کاروسل.

با توضیحات

افزودن توضیحات به اسلایدها به آسانی با استفاده از عنصر.carousel-captionدر هر .carousel-item.

تغییر تدریجی (Cross-Fade)

اضافه کردن.carousel-fadeبه اسلایدر برای انیمیشن دادن به اسلایدها با یک تغییر تدریجی به جای لغزش. ممکن است بخواهید .bg-body یا CSS سفارشی دیگری به .carousel-items اضافه کنید تا تغییر تدریجی به‌درستی نمایش داده شود.

فاصله زمانی هر آیتم در اسلایدر

اضافه کردنdata-bs-intervalبه یک .carousel-item برای تغییر مدت زمان تأخیر بین جابجایی خودکار به آیتم بعدی.

غیرفعال کردن کشیدن با لمس

استفاده ازdata-bs-touchاسلایدرها از حرکت کشیدن به چپ/راست روی دستگاه‌های لمسی برای جابجایی بین اسلایدها پشتیبانی می‌کنند. این ویژگی را می‌توان با استفاده از این صفت غیرفعال کرد.

نسخه تاریک

افزودن.carousel-darkبه .carousel برای کنترل‌ها، شاخص‌ها و کپشن‌های تاریک‌تر.