Rabu, 22 Februari 2017

Bootstrap: Grids

Assalamualaikum wr.wb

pada kesempatan hari ini saya akan mempost tentang bootstrap grids ,ini adalah materi pertama tentang bootstrap. nah kita akan belajar grids, grids itu sendiri adalah layout atau penataan letak yang didasarkan pada 12 kolom

1.Sistem grids
 ini adalah gamabar penataan bagaimana sistem grids

2.Klas grids
Sistem grids mempunyai empat kelas
  • xs(untuk ponsel)
  • sm(untuk tablet)
  • md(untuk desktop)
  • lg(untuk desktop yang lebih besar)
contoh penggunaan:



keterangan:
  • jumlah kolom ada 3 jadi ukuran setiap kolom adalah4
  • jumlah dari semua ukuran kolom 12
kalian juga bisa mengunakan 4 5 3
jadi kalau 3 tidak hanya 4 4 4 saya memberi 4 supaya lebih rapi dan sama ,intinya jumlah dari semua kolom dalam satu baris harus 12
jadi kalian bisa pakai nialai berapa saja yang penting dalam satu baris nilainya 12 contoh dalam satu bari mempunyai 2 kolom berukuran 8 dan 4 juga diperbolehkan
referensi:www.w3schools.com

mungkin itu saja yang bisa saya sampaikan ,kurang lebihnya saya minta maaf
Wassalamualaikum wr.wb

0 komentar :

Posting Komentar