Bootstrap 5 TutorialLesson 24Preview gratis
BS5 Carousel
Lesson ini bagian dari Bootstrap · Semua level
Ringkasan
Carousel atau slider menampilkan beberapa slide yang bergantian, bisa otomatis maupun digeser manual. Elemen utamanya .carousel dengan .carousel-inner berisi .carousel-item, lalu kontrol .carousel-control-prev dan .carousel-control-next. Tambahkan .carousel-indicators untuk titik penunjuk slide.
Poin kunci
- .carousel adalah wadah dan .carousel-item merepresentasikan tiap slide.
- Atribut data-bs-ride="carousel" memulai siklus otomatis.
- data-bs-interval mengatur jeda antar slide dalam milidetik.
- .carousel-indicators menampilkan titik navigasi slide.
- .carousel-caption menambahkan judul dan teks di atas slide.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.