Tutorial Grid Dasar Bootstrap Bahasa Indonesia

Contoh berikut menunjukkan bagaimana untuk mendapatkan tiga kolom yang sama-lebar mulai dari tablet dan skala untuk desktop besar. Pada ponsel, kolom secara otomatis akan menumpuk:

Contoh :

 


.col-sm-4

.col-sm-4

.col-sm-4

Grid Kelas
Sistem Bootstrap jaringan memiliki empat kelas:

• xs (untuk ponsel)
• sm (untuk tablet)
• md (untuk desktop)
• lg (untuk desktop yang lebih besar)

Kelas-kelas di atas dapat dikombinasikan untuk membuat layout yang lebih dinamis dan fleksibel. Yang perlu diingat Total grid adalah 12