Witam,

Bawię się nowym Bootsrapem v3.0.3 i walczę od paru godzin z banalnym problemem (jak dla mnie chyba).

Pewien skrypt w php generuje mi kilkanaście div-ów jeden pod drugim. Chcę by były ułożone obok siebie w rzędach (ilość w rzędzie zależy od urządzenia - ma być responsive)

wygląda to tak:

http://test.akademiamalucha.pl

Nie mogę również ustalić wysokości divów (będą generowane automatycznie - czyli w jednym będzie mniej treści w drugim więcej), w tej chwili jest tak, że jeśli jeden ma więcej treści to następny rząd poniżej zaczyna się od niego. Chciałbym aby zaczynały się od lewej krawędzi strony oczywiście na równi z tym największym divem.

Proszę o pomoc.

W zależności od rodzielczości rozważyć następujące opcje:

Large devices(co 5 element ma się rozpoczynać od nowego wiersza)

[HTML] pobierz, plaintext 
.abc:nth-child(4n+5) {
    clear:both;
}
[HTML] pobierz, plaintext 

Medium devices(co 4 element ma się rozpoczynać od nowego wiersza)

[HTML] pobierz, plaintext 
.abc:nth-child(3n+4) {
    clear:both;
}
[HTML] pobierz, plaintext 

Small devices(co 3 element ma się rozpoczynać od nowego wiersza)

[HTML] pobierz, plaintext 
.abc:nth-child(2n+3) {
    clear:both;
}
[HTML] pobierz, plaintext