Color code IE8-9 table with text classes and Glyhpicons instead of table classes

diff --git a/getting-started.html b/getting-started.html
index 0c39461defa3c4685bc53599707dd0e3646325f2..7d219124e9e06a1104c50b75327d851b6aa11d77 100644 (file)
--- a/getting-started.html
+++ b/getting-started.html
@@ -668,38 +668,36 @@ bootstrap/
       <table class="table table-bordered table-striped">
         <thead>
           <tr>
-            <th>Feature</th>
-            <th>Internet Explorer 8</th>
-            <th>Internet Explorer 9</th>
+            <th class="col-xs-4">Feature</th>
+            <th class="col-xs-4">Internet Explorer 8</th>
+            <th class="col-xs-4">Internet Explorer 9</th>
           </tr>
         </thead>
         <tbody>
           <tr>
             <td scope="row"><code>border-radius</code></td>
-            <td class="danger">No</td>
-            <td class="success">Yes</td>
+            <td class="text-danger"><span class="glyphicon glyphicon-remove"></span> Not supported</td>
+            <td class="text-success"><span class="glyphicon glyphicon-ok"></span> Supported</td>
           </tr>
           <tr>
             <td scope="row"><code>box-shadow</code></td>
-            <td class="danger">No</td>
-            <td class="success">Yes</td>
+            <td class="text-danger"><span class="glyphicon glyphicon-remove"></span> Not supported</td>
+            <td class="text-success"><span class="glyphicon glyphicon-ok"></span> Supported</td>
           </tr>
           <tr>
             <td scope="row"><code>transform</code></td>
-            <td class="danger">No</td>
-            <td class="success">Yes, with <code>-ms</code> vendor prefix</td>
+            <td class="text-danger"><span class="glyphicon glyphicon-remove"></span> Not supported</td>
+            <td class="text-success"><span class="glyphicon glyphicon-ok"></span> Supported, with <code>-ms</code> prefix</td>
           </tr>
           <tr>
             <td scope="row"><code>transition</code></td>
-            <td class="danger">No</td>
-            <td class="danger">No</td>
+            <td colspan="2" class="text-danger"><span class="glyphicon glyphicon-remove"></span> Not supported</td>
           </tr>
         </tbody>
         <tbody>
           <tr>
             <td scope="row"><code>placeholder</code></td>
-            <td class="danger">No</td>
-            <td class="danger">No</td>
+            <td colspan="2" class="text-danger"><span class="glyphicon glyphicon-remove"></span> Not supported</td>
           </tr>
         </tbody>
       </table>