Bootstrap Sistem Grid

Sistem Grid Bootstrap memungkinkan untuk membuat 12 kolom pada sebuah halaman.

Jika Anda tidak ingin menggunakan 12 kolom secara individual, Anda dapat mengelompokkan kolom untuk menciptakan kolom yang lebih luas:

Sistem Grid Bootstrap bersifat responsif, dan kolom akan menata kembali secara otomatis, tergantung ukuran layar.

Kelas Grid

Sistem Bootstrap jaringan memiliki 4 kelas:

1. xs (untuk ponsel) 
2. sm (untuk table) 
3. md (untuk desktop) 
4. lg (untuk desktop yang lebih besar)

Kelas-kelas di atas dapat dikombinasikan untuk membuat layout yang lebih dinamis dan fleksibel.

Struktur dasar dari Bootstrap Grid

Berikut ini adalah struktur dasar dari grid Bootstrap:

Contoh:

Referensi: www.w3schools.com