KinsDotNet KinsDotNet - 10 months ago 46
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.


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;