From: Gaël Poupard <gael.poupard@orange.com>
Date: Wed, 8 Apr 2020 09:03:43 +0000 (+0200)
Subject: docs(layout): drop useless .text-left on overview table
X-Git-Tag: v5.0.0-alpha1~38
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=2a4e97b56c864a798d323e1460e602b2bddac604;p=thirdparty%2Fbootstrap.git

docs(layout): drop useless .text-left on overview table
---

diff --git a/site/content/docs/5.0/layout/containers.md b/site/content/docs/5.0/layout/containers.md
index 9b5afee748..b85e49aa88 100644
--- a/site/content/docs/5.0/layout/containers.md
+++ b/site/content/docs/5.0/layout/containers.md
@@ -20,31 +20,31 @@ The table below illustrates how each container's `max-width` compares to the ori
 
 See them in action and compare them in our [Grid example]({{< docsref "/examples/grid#containers" >}}).
 
-<table class="table text-left">
+<table class="table">
   <thead>
     <tr>
-      <th></th>
-      <th>
+      <td class="border-dark"></td>
+      <th scope="col">
         Extra small<br>
         <span class="font-weight-normal">&lt;576px</span>
       </th>
-      <th>
+      <th scope="col">
         Small<br>
         <span class="font-weight-normal">&ge;576px</span>
       </th>
-      <th>
+      <th scope="col">
         Medium<br>
         <span class="font-weight-normal">&ge;768px</span>
       </th>
-      <th>
+      <th scope="col">
         Large<br>
         <span class="font-weight-normal">&ge;992px</span>
       </th>
-      <th>
+      <th scope="col">
         X-Large<br>
         <span class="font-weight-normal">&ge;1200px</span>
       </th>
-      <th>
+      <th scope="col">
         XX-Large<br>
         <span class="font-weight-normal">&ge;1400px</span>
       </th>
@@ -52,7 +52,7 @@ See them in action and compare them in our [Grid example]({{< docsref "/examples
   </thead>
   <tbody>
     <tr>
-      <td><code>.container</code></td>
+      <th scope="row" class="font-weight-normal"><code>.container</code></th>
       <td class="text-muted">100%</td>
       <td>540px</td>
       <td>720px</td>
@@ -61,7 +61,7 @@ See them in action and compare them in our [Grid example]({{< docsref "/examples
       <td>1320px</td>
     </tr>
     <tr>
-      <td><code>.container-sm</code></td>
+      <th scope="row" class="font-weight-normal"><code>.container-sm</code></th>
       <td class="text-muted">100%</td>
       <td>540px</td>
       <td>720px</td>
@@ -70,7 +70,7 @@ See them in action and compare them in our [Grid example]({{< docsref "/examples
       <td>1320px</td>
     </tr>
     <tr>
-      <td><code>.container-md</code></td>
+      <th scope="row" class="font-weight-normal"><code>.container-md</code></th>
       <td class="text-muted">100%</td>
       <td class="text-muted">100%</td>
       <td>720px</td>
@@ -79,7 +79,7 @@ See them in action and compare them in our [Grid example]({{< docsref "/examples
       <td>1320px</td>
     </tr>
     <tr>
-      <td><code>.container-lg</code></td>
+      <th scope="row" class="font-weight-normal"><code>.container-lg</code></th>
       <td class="text-muted">100%</td>
       <td class="text-muted">100%</td>
       <td class="text-muted">100%</td>
@@ -88,7 +88,7 @@ See them in action and compare them in our [Grid example]({{< docsref "/examples
       <td>1320px</td>
     </tr>
     <tr>
-      <td><code>.container-xl</code></td>
+      <th scope="row" class="font-weight-normal"><code>.container-xl</code></th>
       <td class="text-muted">100%</td>
       <td class="text-muted">100%</td>
       <td class="text-muted">100%</td>
@@ -97,7 +97,7 @@ See them in action and compare them in our [Grid example]({{< docsref "/examples
       <td>1320px</td>
     </tr>
     <tr>
-      <td><code>.container-xxl</code></td>
+      <th scope="row" class="font-weight-normal"><code>.container-xxl</code></th>
       <td class="text-muted">100%</td>
       <td class="text-muted">100%</td>
       <td class="text-muted">100%</td>
@@ -106,7 +106,7 @@ See them in action and compare them in our [Grid example]({{< docsref "/examples
       <td>1320px</td>
     </tr>
     <tr>
-      <td><code>.container-fluid</code></td>
+      <th scope="row" class="font-weight-normal"><code>.container-fluid</code></th>
       <td class="text-muted">100%</td>
       <td class="text-muted">100%</td>
       <td class="text-muted">100%</td>