SpeedTroller adlı üyeden alıntı

Valla hocam bootstrap iyide şu grid sisteminin mantığını bir türlü çözemeyince işler karışıyor. sovetski


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.

kişi bu mesajı beğendi.