Bootstrap 5 TutorialLesson 19Preview gratis
BS5 Cards
Lesson ini bagian dari Bootstrap · Semua level
Ringkasan
Card adalah kotak konten serbaguna untuk menampilkan gambar, judul, teks, dan tautan dalam satu bungkus bergaya konsisten. Strukturnya dimulai dari .card, lalu .card-body untuk isi, dan komponen pendukung seperti .card-title serta .card-img-top. Card dapat disusun dalam grid agar tampil seperti katalog.
Poin kunci
- .card adalah wadah utama dan .card-body memberi padding isi konten.
- .card-img-top dan .card-img-bottom menempatkan gambar di atas atau bawah.
- .card-title, .card-subtitle, .card-text memformat konten teks.
- .card-header dan .card-footer menambah bagian atas dan bawah khusus.
- Beberapa kartu disusun dalam kolom .row agar sejajar dan sama tinggi.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.