From cc63096118d0d1cf4e0acb5c45daab508a07ae7c Mon Sep 17 00:00:00 2001
From: Mark Otto <otto@github.com>
Date: Thu, 18 Jul 2013 13:05:53 -0700
Subject: [PATCH] clarify IE support and rearrange getting started docs a bit

---
 docs/_includes/nav-getting-started.html |  4 +--
 docs/getting-started.html               | 47 +++++++++++++------------
 2 files changed, 27 insertions(+), 24 deletions(-)

diff --git a/docs/_includes/nav-getting-started.html b/docs/_includes/nav-getting-started.html
index 08a4afc0e6..022d335cd6 100644
--- a/docs/_includes/nav-getting-started.html
+++ b/docs/_includes/nav-getting-started.html
@@ -9,10 +9,10 @@
   <a href="#whats-included">What's included</a>
 </li>
 <li>
-  <a href="#browsers">Browser support</a>
+  <a href="#template">Basic template</a>
 </li>
 <li>
-  <a href="#template">Basic template</a>
+  <a href="#browsers">Browser support</a>
 </li>
 <li>
   <a href="#license-faqs">License FAQs</a>
diff --git a/docs/getting-started.html b/docs/getting-started.html
index 9f824ab6f1..b8775ad590 100644
--- a/docs/getting-started.html
+++ b/docs/getting-started.html
@@ -82,28 +82,6 @@ bootstrap/
   </div>
 
 
-  <!-- Browser compatibility
-  ================================================== -->
-  <div class="bs-docs-section" id="browsers">
-    <div class="page-header">
-      <h1>Browser compatibility</h1>
-    </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>
-    <p>Specifically, we support the latest versions of the following:</p>
-    <ul>
-      <li>Chrome (Mac, Windows, iOS, and Android)</li>
-      <li>Safari (Mac and iOS only, as Windows has more or less been discontinued)</li>
-      <li>Firefox (Mac, Windows)</li>
-      <li>Internet Explorer</li>
-      <li>Opera (Mac, Windows)</li>
-    </ul>
-    <p>Unofficially, Bootstrap should look and behave just fine in Chromium for Linux and Internet Explorer 7-8, though full support is not guaranteed.</p>
-
-    <h4>IE Compatibility modes</h4>
-    <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>
 
   <!-- Template
   ================================================== -->
@@ -146,6 +124,31 @@ bootstrap/
 
 
 
+  <!-- Browser compatibility
+  ================================================== -->
+  <div class="bs-docs-section" id="browsers">
+    <div class="page-header">
+      <h1>Browser compatibility</h1>
+    </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>
+    <p>Specifically, we support the latest versions of the following:</p>
+    <ul>
+      <li>Chrome (Mac, Windows, iOS, and Android)</li>
+      <li>Safari (Mac and iOS only, as Windows has more or less been discontinued)</li>
+      <li>Firefox (Mac, Windows)</li>
+      <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>
+
+    <h4>IE Compatibility modes</h4>
+    <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>
+
+
+
   <!-- License FAQs
   ================================================== -->
   <div class="bs-docs-section" id="license-faqs">