clarify IE support and rearrange getting started docs a bit

diff --git a/docs/_includes/nav-getting-started.html b/docs/_includes/nav-getting-started.html
index 08a4afc0e6b11a9074f23ed3817c2b7641f2fa7b..022d335cd6587db0ddeeedd545261d62eae78b3b 100644 (file)
--- 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 9f824ab6f1b2e48c43cfe16ed58f8b62c9816503..b8775ad590d86d2e61ff8ece3f2a7a3690c4c525 100644 (file)
--- 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">