postavitev elementov (div, slike) za responsive

Pozdravljeni,

potrebujem naslednjo postavitev par slik ampak bodo v div-ih... Kakšna eleganta rešitev? Najbž bo najboljše rešiti z masonry... Ideja na hitro kako doseči takšno postavitev (v primeru, da je trenutna velikost okna dovolj velika)?

Primer:

DIV1 floatneš levo, desno pa daš normalen responsive container, z 2 rowoma, zgoraj sta dva diva class .col-xx-6, spodnji pa .col-xx-12, s tem da bi potem mogoče z media querijem skril DIV1, ko postane container premali.

Če boš uporabil bootsrap, daš slikam class="img-responsive", če ne pa

dodaš v css kar tole:

img {

width: 100%;

height: auto;

}

Pa boš imel vse slike na strani responsive.

Ni slaba ideja... bi mogoče šlo kar takole :)

Div gre left, desno pa bi potem bil container z 2 rowoma, zgoraj class x-4 (3 stolpci) in spodaj x-8 in x-4

ali pa takole...

http://codepen.io/anon/pen/ojwEVy

Ko boš dal noter slike, ti verjetno ne bo všeč, ker boš imel po vertikali fuuuul preveč praznega prostora.

Tisto je bil samo koncept... seveda se po vertikali prilagaja velikost tudi glede na širino...