From cfc16c94b5de26ef44a35f7fcff12fc62c1fe0ff Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 9 Jul 2014 21:15:57 -0700 Subject: move buttons, helpers, images to markdown --- docs/_includes/css/images.html | 30 ------------------------------ 1 file changed, 30 deletions(-) delete mode 100644 docs/_includes/css/images.html (limited to 'docs/_includes/css/images.html') diff --git a/docs/_includes/css/images.html b/docs/_includes/css/images.html deleted file mode 100644 index 78f4c65b8..000000000 --- a/docs/_includes/css/images.html +++ /dev/null @@ -1,30 +0,0 @@ -
-

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.

-
-{% highlight html %} -Responsive image -{% 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.

-
-
- 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