Bootstrap: Grid Dasar

Assalamu'alaikum wr.wb

Kali ini saya akan berbagi Cara Mmbuat Grid Dasar pada Bootstrap.

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:

Sekian Cara Membuar Grid Dasar pada Bootstrap.

Semoga Bermanfaat...!!!

Referensi: www.w3schools.com

Wassalamu'alaikum wr.wb