GRID PADA BOOTSTRAP - Penggunaan Grid untuk Perangkat Handphone

PENGGUNAAN GRID UNTUK PERANGKAT HANDPHONE

Untuk pembuatan grid pada handphone, kita akan memiliki tata letak sederhana dengan dua kolom. Kita dapat membagi kolom menjadi 25% dan 75% untuk layar perangkat handphone yang memiliki lebar layar kurang dari 768px. Untuk jumlah kolom yang pertama adalah (12 * 25)/100 = 3 dan kolom kedua adalah (12 * 75)/100 = 9. Berikut ini adalah markup kode HTML-nya :

Baca juga artikel lainnya : Mengenal Framework Bootstrap Cara Menerapkan Bootstrap Pada Website Grid / Pembagian kolom Pada Bootstrap

Tampilan kode di atas jika diterapkan pada browser akan seperti gambar di bawah ini :

Artikel Terkait : Penggunaan Grid Untuk Perangkat handphone Penggunaan Grid Untuk Perangkat Tablet dan desktop Penggunaan Grid Untuk Perangkat handphone, Tablet dan Desktop Membuat Nesting Column/ Kolom di dalam kolom Offset Kolom (Menggeser Kolom) Nesting Kolom (Kolom Di dalam Kolom) Mengurutkan Kolom

Sekian artikel kali ini, silahkan lanjut ke materi selanjutnya dan budayakan berbagi dan semoga Bermanfaat ...

Author : budayakanberbagi

Share this

Related Posts