From df851b40d1accb1c6db44ac77a28c2e76273581b Mon Sep 17 00:00:00 2001
From: Mark Otto <otto@github.com>
Date: Sat, 20 Jul 2013 20:58:23 -0700
Subject: [PATCH] Update docs on responsive images and elaborate on IE8 support
 using Respond.js

---
 css.html             |  3 ---
 getting-started.html | 12 +++++++++---
 2 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/css.html b/css.html
index 00bae9ffd6..2df9150127 100644
--- a/css.html
+++ b/css.html
@@ -30,9 +30,6 @@ lead: "Global CSS settings, fundamental HTML elements styled and enhanced with e
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 {% endhighlight %}
 
-    <h3 id="overview-responsive-images">Responsive images</h3>
-    <p>We automatically attempt to scale images to appropriate sizes with a global <code>max-width: 100%;</code> on all <code>&lt;img&gt;</code> elements. If you run into problems (e.g., with Google Maps), be sure to disable this property on a per-case basis.</p>
-
     <h3 id="overview-type-links">Typography and links</h3>
     <p>Bootstrap sets basic global display, typography, and link styles. Specifically, we:</p>
     <ul>
diff --git a/getting-started.html b/getting-started.html
index 230c00fba2..b1cbd5d1b0 100644
--- a/getting-started.html
+++ b/getting-started.html
@@ -55,6 +55,8 @@ lead: "An overview of Bootstrap, how to download and use, basic templates and ex
     </div>
   </div>
 
+
+
   <!-- File structure
   ================================================== -->
   <div class="bs-docs-section" id="whats-included">
@@ -132,7 +134,7 @@ bootstrap/
     </div>
     <p class="lead">Bootstrap is built to work best in the latest desktop and mobile browsers, meaning older and less advanced browsers might receive a less stylized, though fully functional, version of certain components.</p>
 
-    <h4>Supported browsers</h4>
+    <h3>Supported browsers</h3>
     <p>Specifically, we support the latest versions of the following:</p>
     <ul>
       <li>Chrome (Mac, Windows, iOS, and Android)</li>
@@ -141,9 +143,13 @@ bootstrap/
       <li>Internet Explorer</li>
       <li>Opera (Mac, Windows)</li>
     </ul>
-    <p><strong>Internet Explorer 8 and 9</strong> are also supported. However, please be aware that many CSS3 properties—e.g., rounded corners and shadows—are not supported by IE8. Unofficially, Bootstrap should look and behave well enough in Chromium for Linux and Internet Explorer 7, though they are not officially supported.</p>
+    <p>Unofficially, Bootstrap should look and behave well enough in Chromium for Linux and Internet Explorer 7, though they are not officially supported.</p>
 
-    <h4>IE Compatibility modes</h4>
+    <h3>Internet Explorer 8 and 9</h3>
+    <p>Internet Explorer 8 and 9 are also supported, however, please be aware that many CSS3 properties—e.g., rounded corners and shadows—are not supported by IE8. The placeholder attribute is also not supported in either of these versions.</p>
+    <p>In addition, <strong>Internet Explorer 8 requires the use of <a href="https://github.com/scottjehl/Respond">respond.js</a> to enable media query support.</strong></p>
+
+    <h3>IE Compatibility modes</h3>
     <p>Bootstrap is not supported in the old Internet Explorer compatibility modes. To be sure you're using the latest rendering mode for IE, consider including <code>&lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;</code> in your pages. See <a href="http://stackoverflow.com/questions/6771258/whats-the-difference-if-meta-http-equiv-x-ua-compatible-content-ie-edge">this StackOverflow question</a> for more information.</p>
   </div>