مثال پایه
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
<li data-target="#carousel-example-generic" data-slide-to="1"></li>
<li data-target="#carousel-example-generic" data-slide-to="2"></li>
</ol>
<div class="carousel-inner" role="listbox">
<div class="carousel-item active">
<img src="..." alt="First slide">
</div>
<div class="carousel-item">
<img src="..." alt="Second slide">
</div>
<div class="carousel-item">
<img src="..." alt="Third slide">
</div>
</div>
<a class="carousel-control-prev" href="#carousel-example-generic" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carousel-example-generic" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
گزینه فاصله
مدت زمان تأخیر بین دوچرخهسواری خودکار یک مورد.
گزینه مکث
اگر تنظیم شود"hover"
, pauses the cycling of the carousel on
mouseenter
and resumes the cycling of the carousel on
mouseleave
. If set to
null
, hovering over the carousel won't pause it.
گزینه های چرخ فلک
گزینه ها را می توان از طریق ویژگی های داده یا جاوا اسکریپت منتقل کرد. data-
, as in
data-interval=""
.
زیرنویس های اختیاری
به راحتی با .carousel-caption
element within any .carousel-item.
گزینه Wrap
اینکه چرخ فلک باید به طور مداوم چرخه بزند یا توقف های سخت داشته باشد.
گزینه صفحه کلید
آیا چرخ فلک باید به رویدادهای صفحه کلید واکنش نشان دهد یا خیر.