BOOTSTRAP3 's Img-thunbnail and img-responsive

The new img-responsive

3.2 Version 3.0 version

. img-polaroid

. img-thumbnail

Responsive picture
By adding the. Img-responsive class, you can make the images in Bootstrap 3 more user-friendly with responsive layouts. Its essence is to give the picture to max-width:100%; height:auto; attributes let you scale the picture proportionally, no more than the size of its parent element.



Image

By adding different classes to the element, you can easily change its style.
cross-browser compatibility

You know, Internet Explorer 8 does not support rounded rectangles.

Code:

<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
 

Effect Diagram: