Update docs on responsive images and elaborate on IE8 support using Respond.js

diff --git a/css.html b/css.html
index 00bae9ffd6817eb8cc18883fc2fb5ecfae1b01fd..2df9150127e50ef9c5a69f38d98fa4936e7bd5ff 100644 (file)
--- 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 230c00fba270360de9e4afc6b348dfa63eea8424..b1cbd5d1b077e5f925f2eed812bcfacd31a9fcd7 100644 (file)
--- 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>
+
+    <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>
 
-    <h4>IE Compatibility modes</h4>
+    <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>