Bootstrap 5 GridLesson 43Preview gratis
BS5 Grid XSmall
Lesson ini bagian dari Bootstrap · Semua level
Ringkasan
Kelas kolom tanpa awalan breakpoint seperti .col-6 berlaku untuk semua ukuran layar, termasuk layar paling kecil (extra small). Inilah dasar tata letak mobile-first: tentukan dulu tampilan untuk layar kecil, lalu tambahkan breakpoint yang lebih besar seperlunya. Dengan begitu halaman tetap rapi di ponsel.
Poin kunci
- .col- tanpa breakpoint aktif di semua ukuran layar.
- Nilai 1 sampai 12 menentukan bagian lebar yang dipakai.
- Berguna untuk tata letak dasar versi ponsel (mobile-first).
- Dapat dipadukan dengan breakpoint besar seperti .col-lg-8.
- xs adalah titik dasar (lebar 0) dalam sistem grid.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.