Bootstrap 5 GridLesson 41Preview gratis
BS5 Grid System
Lesson ini bagian dari Bootstrap · Semua level
Ringkasan
Grid Bootstrap terdiri dari container, row, dan kolom yang bekerja sama membentuk tata letak responsif. Container membatasi lebar maksimum, row membungkus kolom, dan kolom dibagi menjadi 12 bagian yang dapat diatur per breakpoint. Dengan demikian satu tata letak dapat menyesuaikan diri dari layar ponsel hingga desktop.
Poin kunci
- Tiga elemen inti: .container, .row, dan .col-*.
- Grid dibagi menjadi 12 kolom pada setiap baris.
- Setiap breakpoint (xs, sm, md, lg, xl, xxl) punya kelas kolom sendiri.
- Kolom responsif menumpuk di layar kecil lalu berdampingan di layar besar.
- Gutter atau jarak antar kolom memakai variabel --bs-gutter-x dan --bs-gutter-y.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.