BAB 24 – CAROUSEL PROFESIONAL

Tujuan

Membuat slider modern.


Struktur Dasar

<div id="slider"
class="carousel slide"
data-bs-ride="carousel">

<div class="carousel-inner">

<div class="carousel-item active">

<img src="1.jpg"
class="d-block w-100">

</div>

</div>

</div>

Praktik 1

Buat slider:

  • Foto Sekolah
  • Laboratorium
  • Perpustakaan

Praktik 2

Tambahkan:

  • Caption
  • Tombol Navigasi
  • Auto Slide

Similar Posts

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *