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

Google Facebook Twitter More

• Digg
• Linkedin
• Stumbleupon
• Delicious
• Tumblr
• BufferApp
• Pocket
• Evernote

Related Posts

• MENGENAL FRAMEWORK BOOTSTRAP Bootstrap - Mengenal framework bootstrap | Budayakan Berbagi
• TIPOGRAFI PADA BOOSTRAP - TRANSFORMASI TEXT Bootstrap | Tipografi Pada Bootstrap - Transformasi Text | Budayakan Berbagi
• PENERAPAN VERTICAL STYLE BUTTON GROUP BOOTSTRAP Bootstrap | PENGGUNAAN BUTTON GROUP PADA BOOTSTRAP | Budayakan Berbagi
• TIPOGRAFI PADA BOOSTRAP - BLOCKQUOTE Bootstrap | Blockquote | Budayakan Berbagi S