postavitev elementov (div, slike) za responsive
2 naročnika
2 naročnika
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:
5 odgovorov
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
Ko boš dal noter slike, ti verjetno ne bo všeč, ker boš imel po vertikali fuuuul preveč praznega prostora.