improve docs tables

diff --git a/assets/scss/_content.scss b/assets/scss/_content.scss
index 112370a2dae497950b09db3c1c7b63bf1079069e..decb6c4c3bb7be1a3d0ca5d59f8d68d39e562d61 100644 (file)
--- 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 1d8acc18b1a66833c189153194647a071ba34c19..0fb6f8505efa887296c22d989833363d343986a9 100644 (file)
--- 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 3435ba07fe16b2730df2b6d535b485e53e1d03d6..edd35df4f38c42609c3c0c01233185654bec2ee3 100644 (file)
--- 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 a5456239b2587283da49256e522e0b934956bdc2..e2ab5a01ace663ac8e3466e0823bac5668df81a3 100644 (file)
--- 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 fd4132267c89d09e37d294248ee29fb2361611d2..6afbeed2102de81465637e18b669f4dead4bd663 100644 (file)
--- 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 0df1ed6371e4f4b6e8b98560dacce1e221c6dfef..3f439ae17764a999874666dd6a571f399554caa2 100644 (file)
--- 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 59ac96edfebf03d9ce3d6e956ad31ce31736b40d..52623ea14efeb6041c8cce753c3a6567e4d0c137 100644 (file)
--- 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 cdba094aa90a69045aa9105254c2cd30588750fa..9fa9d689c2ca3d8b8d24ce3669b6ee81323fa164 100644 (file)
--- 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 a9d5d4ffe1283082722d09d7141dbaf657479356..808239314cd439e063e15a94be059b11713c8957 100644 (file)
--- 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 3c5c16fcec83a830a71bcbcc15877784b7bca783..936f59e9561c1882a3b91daa492884ff0f6296a3 100644 (file)
--- 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 3f6dacb21ba927a83007502c71ef180b94c75fb0..2ea4c91cc43c13ef37d0857eb961139eacde21e1 100644 (file)
--- 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 6ffb73792ac5c9cdbb4bf097328a99523dbdb6eb..5a310d397e8a4b603a6a21b29de286c8edce84dd 100644 (file)
--- 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 d564b70491d4387a2224475d180051d343cc7a6f..c95549f00c1c6d3e309c30ff833d9dac64cc845a 100644 (file)
--- 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 5ef1fd64818aa9bdcd00f99304225fa92a1f3cf9..3d874a6d715dae34313f553500c6044a118f993d 100644 (file)
--- 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>