webprogramlama adlı üyeden alıntı

Grid Sistemi Şudur

Bir matematik defteri düşün.

Defter = Site
Sayfa = container
kareli satır = row (12 tane kareden oluşur)

Bu kadar basit.

Eğer telefon için tasarım yapıyorsanız karenizin class adı col-xs, eğer PAD için çalışıyorsanız karenizin class adı col-sm'dir.

Eğer 17 inc ve altı 17 inc PC için tasarlıyorsanız karenizin adı col-md, 17 inc üzeri PC'ler için de col-lg ve daha büyükleri için col-xl.

Bu sayede col dediğimiz şey colon kelimesinin kısaltılmışıdır. Yani 12 kolondan oluşuyor.

Matematirk defteri gibi aşağıya doğru siteniz 3 satırdan oluşuyorsa


İlk Satır

İkinci Satır

Üçüncü Satır

Şeklinde üç adet ROW olacak.

Bu satırların her birinde sadece 3 kolon olacaksa, o zaman 12 karemizi 3'e bölelim ve şöyle yazalım:



İlk Kolon

İkinci Kolon

İkinci Kolon

Böylece 4 x 4 = 12 tane kareye ulaşmış olduk.

Avantajı nedir?
Mobil cihazlarda açılınca her bir kolon otomatik olarak alta düşecek ve tasarım bozulmayacak.

VS. vs.

Zaman yok anlatmaya.


Şu yazdığınızı konu içeriğine kısaca bootstrap nedir başlığıyla ekleyin bilgisi olmayan arkadaşlar için yararlı olur.