KinsDotNet KinsDotNet - 5 months ago 20
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

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;
}