Grid Yayasan - horizontal ditumpuk
Contoh berikut membuat sistem grid dasar pada PC dan tablet perangkat yang ubin horizontal, pada ponsel dan perangkat kecil lainnya yang ditumpuk secara horizontal.
contoh
<Class Div = "row">
<Class Div = "menengah-6 kolom" style = "background-color: yellow;">
<P> Tutorial ini </ p>
</ Div>
<Class Div = "menengah-6 kolom" style = "background-color: pink;">
<P> Tutorial ini </ p>
</ Div>
</ Div>
<Class Div = "menengah-6 kolom" style = "background-color: yellow;">
<P> Tutorial ini </ p>
</ Div>
<Class Div = "menengah-6 kolom" style = "background-color: pink;">
<P> Tutorial ini </ p>
</ Div>
</ Div>
Coba »
Tip: .small|medium|large-* nomor kelas menentukan jumlah kolom membentang. Jadi, .small-1 di satu, .small-4 lebih dari 4, .small-6 mencakup enam (lebar 50%) dan sejenisnya. Catatan: Untuk memastikan bahwa jumlah kolom menambahkan hingga 12! |