bootstrap ile yaptığınız bir sistemin ekran çözünürlüklerine göre gridleme sistemi vardır, örnekle anlatmak gerekirse :




div1

div2

div3

div4

div5

div6





yukarıda belirttiğim kodlarda divler yanyana en büyük ekranda 6 1200 ile 980 arası ekranlarda 6 tablet vb çözünürlüğü 980 den küçük olan ekranlarda 3 ve en küçük telefon vb ekranlarda 2 tane sıralar.

classlardan bahsedecek olursak:

col-lg-
// Çözünürlüğü 1200 den büyük olan ekranlar kısaltmadan anlaşılacağı gibi large

col-md-
// Çözünürlüğü 980 den küçük olan ekranlar kısaltmadan anlaşılacağı gibi medium

col-sm-
// Çözünürlüğü 760 dan küçük olan ekranlar kısaltmadan anlaşılacağı gibi small

col-xs-
// Çözünürlüğü 640 dan küçük olan ekranlar kısaltmadan anlaşılacağı gibi xsmall

class'ların son - işaretinden sonra belirteceğiniz rakam kadar elementi yanyana getircektir.

bunlarla birlikte bootstrap'ın bir kolaylığı da

hidden-xs hidden-md

bu özellikle birlikte Bazı öğeleri istediğimiz ekranlarda görünmez kılabiliyoruz..

umarım açıklayıcı olmuştur.

iyi forumlar.