Bootstrap 5 TutorialLesson 10Preview gratis
BS5 Jumbotron
Lesson ini bagian dari Bootstrap · Semua level
Ringkasan
Jumbotron, yaitu kotak besar berlatar abu-abu untuk menampilkan hero section, sudah dihapus dari Bootstrap 5. Penggantinya adalah memakai utilitas bawaan seperti .p-5, .bg-body-tertiary, dan .rounded-3 pada sebuah div untuk menciptakan efek serupa. Untuk judul besar tambahkan .display-5 dan .fw-bold agar terlihat menonjol.
Poin kunci
- Komponen .jumbotron tidak lagi tersedia di Bootstrap 5.
- Efek jumbotron dapat dibuat dengan utilitas .p-5, .bg-body-tertiary, .rounded-3.
- Tambahkan .display-5 untuk judul besar dan .text-muted untuk teks sekunder.
- .container membantu memusatkan isi hero section.
- Pendekatan utilitas membuat layout lebih fleksibel daripada komponen khusus.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.