diff options
| author | Mark Otto <[email protected]> | 2017-03-19 16:54:03 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2017-03-19 18:39:48 -0700 |
| commit | 4c015bf378f506a0258c48a66093b71bc5b4d93a (patch) | |
| tree | c6a1741980d600ffc8213efa6d0dbdb9171f29c0 | |
| parent | 08d612f3e4b1c1beb40b764de3a4018415e346c9 (diff) | |
| download | bootstrap-4c015bf378f506a0258c48a66093b71bc5b4d93a.tar.xz bootstrap-4c015bf378f506a0258c48a66093b71bc5b4d93a.zip | |
Do what the comment says; add this only to devices under 768px
| -rw-r--r-- | scss/_tables.scss | 18 |
1 files changed, 10 insertions, 8 deletions
diff --git a/scss/_tables.scss b/scss/_tables.scss index d5148810f..c34bb2bef 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 - - // Prevent double border on horizontal scroll due to use of `display: block;` - &.table-bordered { - border: 0; + @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; + } } } |