Bootstrap 5 GridLesson 45Preview gratis
BS5 Grid Medium
Lesson ini bagian dari Bootstrap · Semua level
Ringkasan
Breakpoint medium (md) aktif mulai lebar layar 768 piksel, umumnya menandai tablet ke atas. Kelas seperti .col-md-6 membuat kolom berdampingan hanya pada ukuran tersebut, sementara di ponsel kolom menumpuk. Kombinasi .col-12 .col-md-6 sering dipakai agar konten tetap terbaca di semua perangkat.
Poin kunci
- .col-md-* aktif mulai lebar layar >=768px.
- Di layar lebih kecil dari md, kolom md menumpuk vertikal.
- md sering dipakai untuk tata letak tablet dan laptop kecil.
- Kombinasi .col-12 .col-md-* menerapkan prinsip mobile-first.
- Container pada md memiliki lebar maksimal 720px.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.