Bootstrap 5 GridLesson 49Preview gratis
BS5 Grid Examples
Lesson ini bagian dari Bootstrap · Semua level
Ringkasan
Halaman ini mengumpulkan contoh penerapan grid yang sering dipakai, misalnya dua, tiga, empat kolom, serta susunan sidebar dan konten utama. Pola-pola ini menjadi template cepat yang tinggal disesuaikan kebutuhan halaman. Kuncinya adalah memilih kombinasi breakpoint yang tepat agar tampilan nyaman di semua layar.
Poin kunci
- Contoh umum: dua kolom (.col-md-6), tiga kolom (.col-md-4), empat kolom (.col-md-3).
- Layout umum lain: sidebar dan konten dengan perbandingan 3 untuk 9.
- Gunakan .col-* pada layar kecil sebagai jaring pengaman (mobile-first).
- Variasi offset seperti .offset-md-3 memberi jarak kolom kosong.
- Contoh grid membantu memulai proyek tanpa menyusun layout dari nol.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.