KinsDotNet KinsDotNet - 1 year ago 93
CSS Question

Is there an equivalent to Bootstrap's img-responsive in Zurb Foundation?

I know that foundation has interchange, which lets you swap out individual images with their smaller counterpoints at different breakpoints, however I'd like something that re-scales the images in the way that bootstrap's img-responsive did.

Answer Source

You can create new class .img-responsive with these following style and apply to you code directly. It will make an image scale nicely to the parent element.

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download