From 42e881f5900e47c21669342541534bd41a776279 Mon Sep 17 00:00:00 2001
From: Mark Otto <markdotto@gmail.com>
Date: Wed, 27 Dec 2017 13:40:51 -0800
Subject: [PATCH] improve docs tables

---
 assets/scss/_content.scss                    | 4 ++++
 docs/4.0/browser-bugs.md                     | 4 ++--
 docs/4.0/components/carousel.md              | 4 ++--
 docs/4.0/components/collapse.md              | 4 ++--
 docs/4.0/components/dropdowns.md             | 2 +-
 docs/4.0/components/list-group.md            | 2 +-
 docs/4.0/components/modal.md                 | 4 ++--
 docs/4.0/components/navs.md                  | 2 +-
 docs/4.0/components/popovers.md              | 4 ++--
 docs/4.0/components/scrollspy.md             | 4 ++--
 docs/4.0/components/tooltips.md              | 4 ++--
 docs/4.0/getting-started/browsers-devices.md | 4 ++--
 docs/4.0/getting-started/contents.md         | 4 ++--
 docs/4.0/layout/grid.md                      | 2 +-
 14 files changed, 26 insertions(+), 22 deletions(-)

diff --git a/assets/scss/_content.scss b/assets/scss/_content.scss
index 112370a2da..decb6c4c3b 100644
--- a/assets/scss/_content.scss
+++ b/assets/scss/_content.scss
@@ -36,6 +36,10 @@
       display: block;
       overflow-x: auto;
       -ms-overflow-style: -ms-autohiding-scrollbar; // See https://github.com/twbs/bootstrap/pull/10057
+
+      &.table-bordered {
+        border: 0;
+      }
     }
 
     // Cells
diff --git a/docs/4.0/browser-bugs.md b/docs/4.0/browser-bugs.md
index 1d8acc18b1..0fb6f8505e 100644
--- a/docs/4.0/browser-bugs.md
+++ b/docs/4.0/browser-bugs.md
@@ -15,7 +15,7 @@ See also:
 * [WebKit bug 159753: [meta] Issues affecting Bootstrap](https://bugs.webkit.org/show_bug.cgi?id=159753)
 * [jQuery's browser bug workarounds](https://docs.google.com/document/d/1LPaPA30bLUB_publLIMF0RlhdnPx_ePXm7oW02iiT6o)
 
-<table class="bd-browser-bugs table table-bordered table-hover table-responsive">
+<table class="bd-browser-bugs table table-bordered table-hover">
   <thead>
     <tr>
       <th>Browser(s)</th>
@@ -42,7 +42,7 @@ There are several features specified in Web standards which would allow us to ma
 
 We publicly list these "most wanted" feature requests here, in the hopes of expediting the process of getting them implemented.
 
-<table class="bd-browser-bugs table table-bordered table-hover table-responsive">
+<table class="bd-browser-bugs table table-bordered table-hover">
   <thead>
     <tr>
       <th>Browser(s)</th>
diff --git a/docs/4.0/components/carousel.md b/docs/4.0/components/carousel.md
index 3435ba07fe..edd35df4f3 100644
--- a/docs/4.0/components/carousel.md
+++ b/docs/4.0/components/carousel.md
@@ -184,7 +184,7 @@ $('.carousel').carousel()
 
 Options can be passed via data attributes or JavaScript. For data attributes, append the option name to `data-`, as in `data-interval=""`.
 
-<table class="table table-bordered table-striped table-responsive">
+<table class="table table-bordered table-striped">
   <thead>
     <tr>
       <th style="width: 100px;">Name</th>
@@ -278,7 +278,7 @@ Bootstrap's carousel class exposes two events for hooking into carousel function
 
 All carousel events are fired at the carousel itself (i.e. at the `<div class="carousel">`).
 
-<table class="table table-bordered table-striped table-responsive">
+<table class="table table-bordered table-striped">
   <thead>
     <tr>
       <th style="width: 150px;">Event Type</th>
diff --git a/docs/4.0/components/collapse.md b/docs/4.0/components/collapse.md
index a5456239b2..e2ab5a01ac 100644
--- a/docs/4.0/components/collapse.md
+++ b/docs/4.0/components/collapse.md
@@ -174,7 +174,7 @@ $('.collapse').collapse()
 
 Options can be passed via data attributes or JavaScript. For data attributes, append the option name to `data-`, as in `data-parent=""`.
 
-<table class="table table-bordered table-striped table-responsive">
+<table class="table table-bordered table-striped">
   <thead>
     <tr>
       <th style="width: 100px;">Name</th>
@@ -234,7 +234,7 @@ Destroys an element's collapse.
 
 Bootstrap's collapse class exposes a few events for hooking into collapse functionality.
 
-<table class="table table-bordered table-striped table-responsive">
+<table class="table table-bordered table-striped">
   <thead>
     <tr>
       <th style="width: 150px;">Event Type</th>
diff --git a/docs/4.0/components/dropdowns.md b/docs/4.0/components/dropdowns.md
index fd4132267c..6afbeed210 100644
--- a/docs/4.0/components/dropdowns.md
+++ b/docs/4.0/components/dropdowns.md
@@ -701,7 +701,7 @@ Regardless of whether you call your dropdown via JavaScript or instead use the d
 
 Options can be passed via data attributes or JavaScript. For data attributes, append the option name to `data-`, as in `data-offset=""`.
 
-<table class="table table-bordered table-striped table-responsive">
+<table class="table table-bordered table-striped">
   <thead>
     <tr>
       <th style="width: 100px;">Name</th>
diff --git a/docs/4.0/components/list-group.md b/docs/4.0/components/list-group.md
index 0df1ed6371..3f439ae177 100644
--- a/docs/4.0/components/list-group.md
+++ b/docs/4.0/components/list-group.md
@@ -319,7 +319,7 @@ When showing a new tab, the events fire in the following order:
 
 If no tab was already active, the `hide.bs.tab` and `hidden.bs.tab` events will not be fired.
 
-<table class="table table-bordered table-striped table-responsive">
+<table class="table table-bordered table-striped">
   <thead>
     <tr>
       <th style="width: 150px;">Event type</th>
diff --git a/docs/4.0/components/modal.md b/docs/4.0/components/modal.md
index 59ac96edfe..52623ea14e 100644
--- a/docs/4.0/components/modal.md
+++ b/docs/4.0/components/modal.md
@@ -557,7 +557,7 @@ Call a modal with id `myModal` with a single line of JavaScript:
 
 Options can be passed via data attributes or JavaScript. For data attributes, append the option name to `data-`, as in `data-backdrop=""`.
 
-<table class="table table-bordered table-striped table-responsive">
+<table class="table table-bordered table-striped">
   <thead>
     <tr>
       <th style="width: 100px;">Name</th>
@@ -641,7 +641,7 @@ Destroys an element's modal.
 
 Bootstrap's modal class exposes a few events for hooking into modal functionality. All modal events are fired at the modal itself (i.e. at the `<div class="modal">`).
 
-<table class="table table-bordered table-striped table-responsive">
+<table class="table table-bordered table-striped">
   <thead>
     <tr>
       <th style="width: 150px;">Event Type</th>
diff --git a/docs/4.0/components/navs.md b/docs/4.0/components/navs.md
index cdba094aa9..9fa9d689c2 100644
--- a/docs/4.0/components/navs.md
+++ b/docs/4.0/components/navs.md
@@ -602,7 +602,7 @@ When showing a new tab, the events fire in the following order:
 
 If no tab was already active, then the `hide.bs.tab` and `hidden.bs.tab` events will not be fired.
 
-<table class="table table-bordered table-striped table-responsive">
+<table class="table table-bordered table-striped">
   <thead>
     <tr>
       <th style="width: 150px;">Event Type</th>
diff --git a/docs/4.0/components/popovers.md b/docs/4.0/components/popovers.md
index a9d5d4ffe1..808239314c 100644
--- a/docs/4.0/components/popovers.md
+++ b/docs/4.0/components/popovers.md
@@ -122,7 +122,7 @@ Enable popovers via JavaScript:
 
 Options can be passed via data attributes or JavaScript. For data attributes, append the option name to `data-`, as in `data-animation=""`.
 
-<table class="table table-bordered table-striped table-responsive">
+<table class="table table-bordered table-striped">
   <thead>
     <tr>
       <th style="width: 100px;">Name</th>
@@ -300,7 +300,7 @@ Updates the position of an element's popover.
 
 ### Events
 
-<table class="table table-bordered table-striped table-responsive">
+<table class="table table-bordered table-striped">
   <thead>
     <tr>
       <th style="width: 150px;">Event Type</th>
diff --git a/docs/4.0/components/scrollspy.md b/docs/4.0/components/scrollspy.md
index 3c5c16fcec..936f59e956 100644
--- a/docs/4.0/components/scrollspy.md
+++ b/docs/4.0/components/scrollspy.md
@@ -288,7 +288,7 @@ Destroys an element's scrollspy.
 
 Options can be passed via data attributes or JavaScript. For data attributes, append the option name to `data-`, as in `data-offset=""`.
 
-<table class="table table-bordered table-striped table-responsive">
+<table class="table table-bordered table-striped">
   <thead>
     <tr>
       <th style="width: 100px;">Name</th>
@@ -309,7 +309,7 @@ Options can be passed via data attributes or JavaScript. For data attributes, ap
 
 ### Events
 
-<table class="table table-bordered table-striped table-responsive">
+<table class="table table-bordered table-striped">
   <thead>
     <tr>
       <th style="width: 150px;">Event Type</th>
diff --git a/docs/4.0/components/tooltips.md b/docs/4.0/components/tooltips.md
index 3f6dacb21b..2ea4c91cc4 100644
--- a/docs/4.0/components/tooltips.md
+++ b/docs/4.0/components/tooltips.md
@@ -113,7 +113,7 @@ You should only add tooltips to HTML elements that are traditionally keyboard-fo
 
 Options can be passed via data attributes or JavaScript. For data attributes, append the option name to `data-`, as in `data-animation=""`.
 
-<table class="table table-bordered table-striped table-responsive">
+<table class="table table-bordered table-striped">
   <thead>
     <tr>
       <th style="width: 100px;">Name</th>
@@ -285,7 +285,7 @@ Updates the position of an element's tooltip.
 
 ### Events
 
-<table class="table table-bordered table-striped table-responsive">
+<table class="table table-bordered table-striped">
   <thead>
     <tr>
       <th style="width: 150px;">Event Type</th>
diff --git a/docs/4.0/getting-started/browsers-devices.md b/docs/4.0/getting-started/browsers-devices.md
index 6ffb73792a..5a310d397e 100644
--- a/docs/4.0/getting-started/browsers-devices.md
+++ b/docs/4.0/getting-started/browsers-devices.md
@@ -16,7 +16,7 @@ Alternative browsers which use the latest version of WebKit, Blink, or Gecko, wh
 
 Generally speaking, Bootstrap supports the latest versions of each major platform's default browsers. Note that proxy browsers (such as Opera Mini, Opera Mobile's Turbo mode, UC Browser Mini, Amazon Silk) are not supported.
 
-<table class="table table-bordered table-striped table-responsive">
+<table class="table table-bordered table-striped">
   <thead>
     <tr>
       <td></td>
@@ -59,7 +59,7 @@ Generally speaking, Bootstrap supports the latest versions of each major platfor
 
 Similarly, the latest versions of most desktop browsers are supported.
 
-<table class="table table-bordered table-striped table-responsive">
+<table class="table table-bordered table-striped">
   <thead>
     <tr>
       <td></td>
diff --git a/docs/4.0/getting-started/contents.md b/docs/4.0/getting-started/contents.md
index d564b70491..c95549f00c 100644
--- a/docs/4.0/getting-started/contents.md
+++ b/docs/4.0/getting-started/contents.md
@@ -40,7 +40,7 @@ This is the most basic form of Bootstrap: precompiled files for quick drop-in us
 
 Bootstrap includes a handful of options for including some or all of our compiled CSS.
 
-<table class="table table-bordered table-responsive">
+<table class="table table-bordered">
   <thead>
     <tr>
       <th scope="col">CSS files</th>
@@ -88,7 +88,7 @@ Bootstrap includes a handful of options for including some or all of our compile
 
 Similarly, we have options for including some or all of our compiled JavaScript.
 
-<table class="table table-bordered table-responsive">
+<table class="table table-bordered">
   <thead>
     <tr>
       <th scope="col">JS files</th>
diff --git a/docs/4.0/layout/grid.md b/docs/4.0/layout/grid.md
index 5ef1fd6481..3d874a6d71 100644
--- a/docs/4.0/layout/grid.md
+++ b/docs/4.0/layout/grid.md
@@ -53,7 +53,7 @@ While Bootstrap uses `em`s or `rem`s for defining most sizes, `px`s are used for
 
 See how aspects of the Bootstrap grid system work across multiple devices with a handy table.
 
-<table class="table table-bordered table-striped table-responsive">
+<table class="table table-bordered table-striped">
   <thead>
     <tr>
       <th></th>