Jumat, 24 Agustus 2018

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
 -
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:
   

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 

I.PENUTUP
   Sekian mengenai apa yang saya sharingkan pada kesempatan kali ini...
Semogaa Bermanfaat....
                                Wassalammualaikum Wr. Wb.

0 comments:

Posting Komentar

Popular Posts

Recent Posts

About Me

Foto saya
Assalamu'alaikum wr.wb Hay perkenalkan nama saya Rizka Mala Alfiana my nick name is Rizka, I from in Jepara. Sekian dan Terimakasih. Wassalamu'alaikum wr.wb

Formulir Kontak

Nama

Email *

Pesan *

Pengikut

Recent

Comment