From 4c015bf378f506a0258c48a66093b71bc5b4d93a Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 19 Mar 2017 16:54:03 -0700 Subject: [PATCH] Do what the comment says; add this only to devices under 768px --- scss/_tables.scss | 16 +++++++++------- 1 file changed, 9 insertions(+), 7 deletions(-) diff --git a/scss/_tables.scss b/scss/_tables.scss index d5148810f4..c34bb2bef6 100644 --- a/scss/_tables.scss +++ b/scss/_tables.scss @@ -142,13 +142,15 @@ // will display normally. .table-responsive { - display: block; - width: 100%; - overflow-x: auto; - -ms-overflow-style: -ms-autohiding-scrollbar; // See https://github.com/twbs/bootstrap/pull/10057 + @include media-breakpoint-down(md) { + display: block; + width: 100%; + overflow-x: auto; + -ms-overflow-style: -ms-autohiding-scrollbar; // See https://github.com/twbs/bootstrap/pull/10057 - // Prevent double border on horizontal scroll due to use of `display: block;` - &.table-bordered { - border: 0; + // Prevent double border on horizontal scroll due to use of `display: block;` + &.table-bordered { + border: 0; + } } }