Bootstrap 1 (grid)

ulil   October 05, 2017   Comment  

A. Pendahuluan
Assalamualaikum wr.wb
Hallo teman..!! Apa kabar?? bertemu lagi dengan blog saya kali ini saya akan berbagi grid di bootstrap
     1. Pengertian
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.
    2. Latar Belakang
       belajar bootstrap

    3. Maksud dan Tujuan
        memahami grid di bootstrap

B. Alat dan Bahan
pc/laptop
koneksi internet

C. Durasi Waktu
-
D. Uraian Kegiatan

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

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.
E. Dokumentasi
-
F. Hasil Yang Didapat
memahami grid di bootstrap

G. Temuan Masalah
-
H. Referensi
https://www.w3schools.com/bootstrap/bootstrap_grid_basic.asp