From 3625fc01faa5087322fa76b421f3e84e51a08bdc Mon Sep 17 00:00:00 2001 From: Chris Rebert Date: Fri, 26 Sep 2014 17:57:34 -0700 Subject: [PATCH] Port #13996 over to hosted docs --- css/index.html | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/css/index.html b/css/index.html index a293420d2e..90be847aae 100644 --- a/css/index.html +++ b/css/index.html @@ -2507,6 +2507,10 @@ To edit settings, press <kbd><kbd>ctrlResponsive images

Images in Bootstrap 3 can be made responsive-friendly via the addition of the .img-responsive class. This applies max-width: 100%; and height: auto; to the image so that it scales nicely to the parent element.

<img src="..." class="img-responsive" alt="Responsive image">
+
+

SVG images and IE 8-10

+

In Internet Explorer 8-10, SVG images with .img-responsive are disproportionately sized. To fix this, add width: 100% \9; where necessary. Bootstrap doesn't apply this automatically as it causes complications to other image formats.

+

Image shapes

Add classes to an <img> element to easily style images in any project.