GRID PADA BOOTSTRAP - Wrapping Kolom

WRAPPING KOLOM

Seperti yang diketahui jumlah kolom pada grid Bootstrap adalah 12 kolom. Jika kolom yang anda buat dalam satu baris lebih dari 12 kolom, maka kelompok kolom yang melebihi dari 12 akan menjadi 1 unit dan dipindahkan di baris baru. Sebagai contoh, pada artikel kali ini kita kan membuat baris dengan 3 elemen kolom, dimana masing-masing kolom memiliki lebar kolom 8, 6 dan 5 (total 19 kolom). Berikut ini adalah markup kode untuk wrapping kolom :

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