<div class="item">
<img src="car02.jpg" alt="Car">
</div>
<div class="item">
<img src="car03.jpg" alt="Car">
</div>
<div class="item">
<img src="car04.jpg" alt="Car">
</div>
</div>
<div> terluar:
Slide Carousels menggunakan id (in this case id="myCarousel") untuk mengontrol slide
carousel agar dapat berfungsi.
Class class="carousel" untuk menandai bahwa <div> berisi komponen slide carousel.
Bagian "Indicators":
Indicators adalah suatu lingkaran kecil yang ada disetiap bagian bawah slide (mengindikasikan jumlah
slide yang ada, dan slide aktif).
Indicator-indicator ditentukan di dalam urutan list dengan class .carousel-indicators.
Atribut data-slide-to untuk menentukan slide yang akan dituju, pada saat indicator di klik.
Bagian "Wrapper for slides:
Slide-slide ditentukan dalam <div> dengan class .carousel-inner.
Isi/konten yang ada di dalam setiap slide didefinisikan di dalam <div> dengan class .item. Konten
dapat berupa text atau images.
<div class="item">
<img src="img/car02.jpg" alt="Car02">
<div class="carousel-caption">
<h3>Chania</h3>
<p>The atmosphere in Chania has a touch of Florence and Venice.</p>
</div>
</div>
<div class="item">
<img src="img/car03.jpg" alt="Car03">
<div class="carousel-caption">
<h3>Flowers</h3>
<p>Beatiful flowers in Kolymbari, Crete.</p>
</div>
</div>
<div class="item">
<img src="img/car04.jpg" alt="Car04">
<div class="carousel-caption">
<h3>Flowers</h3>
<p>Beatiful flowers in Kolymbari, Crete.</p>
</div>
</div>
</div>