mirror of
https://github.com/Hopiu/bootstrap.git
synced 2026-03-19 05:50:23 +00:00
1.9 KiB
1.9 KiB
Images
Responsive 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.
SVG images and IE 8-10
In Internet Explorer IE 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.
{% endhighlight %}
Image shapes
Add classes to an <img> element to easily style images in any project.
Cross-browser compatibility
Keep in mind that Internet Explorer 8 lacks support for rounded corners.
{% endhighlight %}