Assalamu'alaikum Wr. Wb.
A). Pendahuluan
Pada postingan kali ini kita akan membahas tentang penggunaan system grid yang ada di boostrap.
B). Pengertian
Grid System merupakan suatu system
yang membantu dalam layouting sebuah website, yang di mana Grid System
ini support di semua resolusi layar yang ada.
PEMBAGIAN GRID CLASS
- .col- (extra small devices)= untuk resolusi layar sebesar 576px cocok untuk ukuran hp
- .col-sm- (small devices) = untuk resolusi layar sama dengan atau lebih besar dari 576px cocok untuk ukuran hp
- .col-md- (medium devices) = untuk resolusi layar sama dengan atau lebih besar dari 768px cocok untuk ukuran laptop
- .col-lg- (large devices) = untuk resolusi layar sama dengan atau lebih dari 992px cocok untuk ukuran komputer
- .col-xl- (xlarge devices) = untuk resolusi layar sama dengan atau lebih dari 1200px cocok untuk ukuran komputer layar lebih dari 14 inch.
Contoh script
Hasil scriptnya :
C). Kesimpulan
Grid System ini di gunakan untuk seni layouting yang gunanya agar
website bisa di akses menggunakan devices / perangkat beresolusi sebesar
atau sekecil apapun.
Cukup sekian informasi yang dapat saya berikan pada hari ini, jika ada
kesalahan mohon maaf semuanya. Terimakasih telah mengunjungi blog saya
dan jangan lupa untuk mengikuti dan membaca selalu postingan di blog
saya yang saat ini masih biasa-biasa saja.
~ Wassalamu'alaikum Wr. Wb. ~
Postingan
Tidak ada komentar:
Posting Komentar