PENGENALAN DASAR GRID BOOTSTRAP
Assalamu'alaikum wr.wb
A. Pendahuluan
Hayy Apa kabar?? bertemu lagi dengan blog saya kali ini saya akan berbagi tentang grid di bootstrap
BOOTSTRAP adalah Aplikasi sumber terbuka yang berupa framework atau kerangka kerja untuk membangun website dinamis dengan menggunakan bahasa script CSS. BOOTSTRAP memudahkan developer dan designer untuk membuat sebuah aplikasi web menjadi cepat dan mudah dibandingkan dengan membuatnya dari awal.
B.Latar Belakang
Belajar mehami bootstrap
C.Maksud dan Tujuan
Memahami grid di bootstrap
D.Alat dan Bahan
-Laptop/Pc
-Koneksi internet
E.Durasi Waktu
-
Belajar mehami bootstrap
C.Maksud dan Tujuan
Memahami grid di bootstrap
D.Alat dan Bahan
-Laptop/Pc
-Koneksi internet
E.Durasi Waktu
-
F.PEMBAHASAN
Sistem Grid Bootstrap Sistem grid Bootstrap memungkinkan hingga 12 kolom di seluruh halaman.Jika Anda tidak ingin menggunakan semua 12 kolom secara terpisah, Anda dapat mengelompokkan kolom bersama-sama untuk membuat kolom yang lebih luas:
Sistem Grid Bootstrap Sistem grid Bootstrap memungkinkan hingga 12 kolom di seluruh halaman.Jika Anda tidak ingin menggunakan semua 12 kolom secara terpisah, Anda dapat mengelompokkan kolom bersama-sama untuk membuat kolom yang lebih luas:
Kelas kisi-kisi
Sistem grid Bootstrap memiliki empat kelas:
-
xs
(untuk ponsel - layar kurang dari 768px lebar) -
sm
(untuk layar tablet sama dengan atau lebih besar dari 768px) -
md
(untuk laptop kecil - layar berukuran sama dengan atau lebih besar dari lebar 992 piksel) -
lg
(untuk laptop dan desktop - layar sama dengan atau lebih besar dari lebar 1200px)
Kelas di atas dapat dikombinasikan untuk menciptakan layout yang lebih dinamis dan fleksibel.
G.Hasil Yang Didapat
Memahami grid di bootstrap
Memahami grid di bootstrap
I.PENUTUP
Sekian mengenai apa yang saya sharingkan pada kesempatan kali ini...
Semogaa Bermanfaat....
Wassalammualaikum Wr. Wb.
0 comments:
Posting Komentar