Fixes #6837: Enable text alignment utility classes on tables

* Removes text-align from td elements (no need to set that one)
* Specifically sets th to text-align: left; at a global level (no longer within .table) to override browser defaults
* Removes font-weight: bold; from th while we're at it since that's browser default already

2 files changed, 7 insertions, 10 deletions

diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css
index 66c192c03..01d6d23f7 100644
--- a/docs/assets/css/bootstrap.css
+++ b/docs/assets/css/bootstrap.css
@@ -848,6 +848,10 @@ table {
   border-spacing: 0;
 }
 
+th {
+  text-align: left;
+}
+
 .table {
   width: 100%;
   margin-bottom: 20px;
@@ -857,15 +861,10 @@ table {
 .table td {
   padding: 8px;
   line-height: 20px;
-  text-align: left;
   vertical-align: top;
   border-top: 1px solid #dddddd;
 }
 
-.table th {
-  font-weight: bold;
-}
-
 .table thead th {
   vertical-align: bottom;
 }
diff --git a/less/tables.less b/less/tables.less
index 59cb007cb..67f7cd765 100644
--- a/less/tables.less
+++ b/less/tables.less
@@ -9,7 +9,9 @@ table {
   border-collapse: collapse;
   border-spacing: 0;
 }
-
+th {
+  text-align: left;
+}
 
 
 // BASELINE STYLES
@@ -23,13 +25,9 @@ table {
   td {
     padding: 8px;
     line-height: @line-height-base;
-    text-align: left;
     vertical-align: top;
     border-top: 1px solid @table-border;
   }
-  th {
-    font-weight: bold;
-  }
   // Bottom align for column headings
   thead th {
     vertical-align: bottom;