Sunday, March 4, 2018

Ringkasan Columns di Bootstrap


Jadi formatnya tuuh col-sm-4. Mksndya sm (small) tuuh break point layar kita di 576px. Jadi klu layarnya lebih besardari 576px dan kurang dari 768px, tar columnya ngambil 4 biji kolom. Klu kyk col-md-3, berarti klu layarnya udah 768 (md = medium) tar kepake 3 kolom.
Trs kita juga bisa pake kyk gini ajjah col-sm. Artinya akan ngambil 12 kolom klu sm breakpointnya udah smpe. Trs bisa jg kyk col-6. Nah klu kyk gitu diukuran layar manapun element yang pake class kyk gitu bakalan selalu ngambil 6 biji kolom ehehe... Yaaah gitu2 laaah... lebih jelasnya silahkan tengok contoh di bawah :





Highlight Container dan Row-Col di Bootstrap


Contoh tanpa container :

Klu pake container sm row-col :