Küçüldükçe Sırada Düşen Resim

(Arkadaşlar 2 haftaya yakındır Css ile ilgileniyorum. Bootstrap'a yeni başladım.
Şimdi sıfırdan bir tasarım yapmaya çalışıyorum, bir yerde takıldım.)
Sitenin yayınlanan son içeriklerinde 3 sıra var ve her sırada 6 içerik fakat küçülünce sorun oluşuyor. Sırada 1 tane büyük içerik oluyor, bunun yerine küçüldüğünde
3 sırada 6 yerine 3 düşsün biraz daha küçüldüğünde 2 vs vs.
Bunu nasıl yapabilirim diyecektim fakat anlatması uzun oldu yapmak biraz zor olacaktır.
Yardımlarınızı bekliyorum.
Bahsettiğim örnek bu sitedeki gibi, biraz küçülünce azalıyor teke düşmüyor.
Gremots.com

benimde böyle bişeye ihtiyacım var bootstrap denedim ama yapamadım :/

boy sistemini araştırın sm-8 sm-6 sm-4 şeklinde yapabilirsiniz efendim kptankorku

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.