Re-arranged contextual rows/cells (#21980)

Re-arranged contextual rows/cells so that example HTML matches example result.

diff --git a/docs/content/tables.md b/docs/content/tables.md
index 234c2ec880a73e7d3243921ef8a4292fc7323954..040decfe003599ac4326f89ff0d632323665e835 100644 (file)
--- a/docs/content/tables.md
+++ b/docs/content/tables.md
@@ -560,17 +560,17 @@ Use contextual classes to color table rows or individual cells.
 <!-- On rows -->
 <tr class="table-active">...</tr>
 <tr class="table-success">...</tr>
+<tr class="table-info">...</tr>
 <tr class="table-warning">...</tr>
 <tr class="table-danger">...</tr>
-<tr class="table-info">...</tr>
 
 <!-- On cells (`td` or `th`) -->
 <tr>
   <td class="table-active">...</td>
   <td class="table-success">...</td>
+  <td class="table-info">...</td>
   <td class="table-warning">...</td>
   <td class="table-danger">...</td>
-  <td class="table-info">...</td>
 </tr>
 {% endhighlight %}