From 4a3ae1cf455c8ee82f8f222eededda97d5064d97 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 20 Jan 2015 21:12:31 -0800 Subject: fix dupe images --- docs/components/images.md | 37 ------------------------------------- 1 file changed, 37 deletions(-) delete mode 100644 docs/components/images.md (limited to 'docs/components') diff --git a/docs/components/images.md b/docs/components/images.md deleted file mode 100644 index 713023a90..000000000 --- a/docs/components/images.md +++ /dev/null @@ -1,37 +0,0 @@ ---- -layout: page -title: 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. - -
- Generic responsive image -
- -{% highlight html %} -Responsive image -{% endhighlight %} - -
-

SVG images and IE 9-10

-

In Internet Explorer 9-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 `` element to easily style images in any project. - -
- A generic square placeholder image with rounded corners - A generic square placeholder image where only the portion within the circle circumscribed about said square is visible - A generic square placeholder image with a white border around it, making it resemble a photograph taken with an old instant camera -
- -{% highlight html %} -... -... -... -{% endhighlight %} -- cgit v1.2.3