Bootstrap 5 GridLesson 47Preview gratis
BS5 Grid XLarge
Lesson ini bagian dari Bootstrap · Semua level
Ringkasan
Breakpoint extra large (xl) aktif mulai 1200 piksel, ditujukan untuk layar desktop besar. Kelas .col-xl-* mengatur tampilan ketika lebar layar mencapai 1200px ke atas, sedangkan container xl mencapai lebar maksimal 1140 piksel. Breakpoint ini berguna untuk dashboard atau tata letak multi-kolom yang lapang.
Poin kunci
- .col-xl-* aktif mulai lebar layar >=1200px.
- Container pada xl memiliki lebar maksimal 1140px.
- Cocok untuk dashboard, tabel lebar, atau grid banyak kolom.
- Dapat dipadukan dengan breakpoint bawah agar responsif penuh.
- Di layar di bawah 1200px, kolom xl mengikuti aturan breakpoint bawah.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.