fixes #10344: Update IE8-9 support section with table of specific CSS3 and HTML5 features and their support in Bootstrap

1 files changed, 43 insertions, 2 deletions

diff --git a/getting-started.html b/getting-started.html
index b8a405ce4..e8c20e498 100644
--- a/getting-started.html
+++ b/getting-started.html
@@ -658,8 +658,49 @@ bootstrap/
     <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 <code>placeholder</code> 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>
+    <p>Internet Explorer 8 and 9 are also supported, however, please be aware that some CSS3 properties and HTML5 elements are not fully supported by these browsers. 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>
+    <div class="table-responsive">
+      <table class="table table-bordered table-striped">
+        <thead>
+          <tr>
+            <th>Feature</th>
+            <th>Internet Explorer 8</th>
+            <th>Internet Explorer 9</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td scope="row"><code>border-radius</code></td>
+            <td class="text-muted">No</td>
+            <td>Yes</td>
+          </tr>
+          <tr>
+            <td scope="row"><code>box-shadow</code></td>
+            <td class="text-muted">No</td>
+            <td>Yes</td>
+          </tr>
+          <tr>
+            <td scope="row"><code>transform</code></td>
+            <td class="text-muted">No</td>
+            <td>Yes, with <code>-ms</code></td>
+          </tr>
+          <tr>
+            <td scope="row"><code>transition</code></td>
+            <td class="text-muted">No</td>
+            <td class="text-muted">No</td>
+          </tr>
+        </tbody>
+        <tbody>
+          <tr>
+            <td scope="row"><code>placehoder</code></td>
+            <td class="text-muted">No</td>
+            <td class="text-muted">No</td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+
+    <p>Visit <a href="http://caniuse.com/">Can I use...</a> for details and additional browser support of CSS3 and HTML5 features.</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 the appropriate <code>&lt;meta&gt;</code> tag in your pages:</p>