Şimdi Anton Bey,
o orta halli bilgi olmuyor.

Ne kadar bilmediğinizi kendinizde belirtmişsiniz,

grid960 denilen sistem bootstrap'a ilham vermiştir.

İş sadece media queryleri ile de olmuyor.

Layout'un yani "serim"in Matbaa kadar, 500 yıllık bir geçmişi vardır, o paddingler hayalden verilmiyor.

Hala var mı bilmiyorum, bootstrap'ın sitesinde tüm componentleri etkisiz hale getirip saf grid kodlarından oluşan css temin edebiliyordunuz, onu deneyin ve inceleyin.

Onun dışında CSS sürekli W3C'yi takip isteyen bir iş. Safari'de neden back-drop var diğer hiç birinde yok sorusunun cevabını bilmek için Apple'ı bilmek gerekiyor.

Ya da ben uzatıyorum, takdir sizin.

Bootstraptan ziyade kendi hafif projelerim için yeni nimet FlexBox'u kesinlikle tavsiye ediyorum. Tüm grid ihtiyaçlarınızı karşılayacaktır.

https://www.w3schools.com/css/css3_flexbox.asp