From 09cdee2f03aaad5c5a767fbec2e3896ad3d1f980 Mon Sep 17 00:00:00 2001
From: Mark Otto <otto@github.com>
Date: Fri, 28 Jun 2013 00:09:10 -0700
Subject: Overall responsive `img` styles

`img`s are no longer responsive by default. Instead, use
`.img-responsive` as a class or mixin. Existing `.thumbnail > img` and
`.img-thumbnail` classes now make use of this as a mixin as well.
---
 docs/assets/css/bootstrap.css | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

(limited to 'docs')

diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css
index bffe638ee..9f037b333 100644
--- a/docs/assets/css/bootstrap.css
+++ b/docs/assets/css/bootstrap.css
@@ -325,9 +325,13 @@ a:focus {
 }
 
 img {
+  vertical-align: middle;
+}
+
+.img-responsive {
+  display: block;
   height: auto;
   max-width: 100%;
-  vertical-align: middle;
 }
 
 .img-rounded {
@@ -3958,6 +3962,13 @@ button.close {
           transition: all 0.2s ease-in-out;
 }
 
+.thumbnail > img,
+.img-thumbnail {
+  display: block;
+  height: auto;
+  max-width: 100%;
+}
+
 .thumbnail {
   display: block;
 }
@@ -3972,8 +3983,6 @@ a.thumbnail:focus {
 }
 
 .thumbnail > img {
-  display: block;
-  max-width: 100%;
   margin-right: auto;
   margin-left: auto;
 }
-- 
cgit v1.2.3